Is this code snippet styled with CSS? If so, any ideas on how it was styled this way?

• carbon

  372 33,997 6.8 JavaScript

  :black_heart: Create and share beautiful images of your source code

  

Yeah, if it really was just about a few lines then pure CSS would be doable if it was just for like a small blog post or something. Someone also suggested Carbon which is probably the easiest and best looking solution to the problem.

• Highlight.js

  83 23,026 8.7 JavaScript

  JavaScript syntax highlighter with language auto-detection and zero dependencies.

  

For the record, I'm not saying "just use a library" is an appropriate answer to the question either. I think a better answer would be to explain the complexities involved in syntax highlighting and the purpose and why you wouldn't try to do it with plain CSS. Then suggest, that if you want to do this, here's a great library you can use!

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• PrismJS

  59 12,011 0.0 JavaScript

  Lightweight, robust, elegant syntax highlighting.

  

• vscode-remark

  1 52 4.8 JavaScript

  Lint and format markdown code with remark

  

• gatsby-remark-vscode

  2 294 2.6 JavaScript

  Gatsby plugin to provide VS Code’s syntax highlighting to Markdown code fences

• react-syntax-highlighter

  14 3,840 1.5 JavaScript

  syntax highlighting component for react with prismjs or highlightjs ast using inline styles

  

• react-native-syntax-highlighter

  1 163 0.7 JavaScript

  a syntax highlighter for react native using https://github.com/conorhastings/react-syntax-highlighter under the hood

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• refractor

  1 666 0.0 JavaScript

  Lightweight, robust, elegant virtual syntax highlighting using Prism

• lowlight

  2 679 6.6 JavaScript

  Virtual syntax highlighting for virtual DOMs and non-HTML things

Suggest a related project