☰

Lazyfoo Highlight Code

Add code highlight to LazyFoo's code snippets in the tutorials section, updated to HLJS 11.6, no jQuery, switchable theme.

As of 2022-07-21. See the latest version.

Author
jamescodesthings
Ratings
0 0 0
Version
1.2
Created
2022-07-21
Updated
2022-07-21
Size
1.19 KB
License
MIT
Applies to

LazyFoo syntax hightlighing

This is an updated fork of https://greasyfork.org/en/scripts/24030-lazyfoo-highlight-code

Updates

  • Fixed GM_getResourceText use
  • Fixed @include rule and updated to @match
  • Removed JQuery Dependecy
  • Updated HLJS to 11.6
  • Added the default dark mode theme from hljs
  • Added a switch to allow for switching to default theme.

Choosing a different theme

You can pick other themes here: https://highlightjs.org/static/demo/

And use the .css file from a CDN here: https://cdnjs.com/libraries/highlight.js

Example:

// @resource    A11Y_DARK https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/a11y-dark.min.css
//...
const themeCss = GM_getResourceText("A11Y_DARK");