this post was submitted on 21 Jun 2023
7 points (100.0% liked)

Kbin Userstyles and Userscripts

15 readers
1 users here now

Custom CSS and JS to help improve your Kbin experience! ### Userscripts Greasy Fork ### Stylesheets UserStyles.world ### Userscript managers

founded 1 year ago
7
kbin-code-highlighting: Adds support for code syntax highlighting to kbin. (github.com)
submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/[email protected]
5 comments fedilink hide all child comments
 

Uses HLJS to add syntax highlighting to kbin.

  • 0.1 - Initial launch, basic support with singular theme.
  • 0.2 - Update to remove unnecessary code.
  • 0.3 - Add support for stylesheet URLs to be specified in settings and to be stored in memory.
  • 0.3.1 - Added support for numerous kbin instances.
  • 0.4 - Preloads a dropdown with predefined stylesheets for ease of use. Reworked how stylesheets are stored. Added header for code sections that displays what language code section is in (unless poster specifies, this is best-guess based on HLJS). Added clipboard copy button and made code section collapsible.

Example, 0.1 - PowerShell
Example, 0.3 - Side by side
Example, 0.4 - JavaScript
Example, 0.4 - New functionality
Example, 0.4 - Settings and themes

you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] 3 points 1 year ago

Very nice. Only thing I didn't like was the addition of a white border in code blocks. Added .hljs { border: 0px; } to my theme