Customize Scrollbars in Tiddlywiki

Refs:

  1. Mario plugin: Thin Scrollbars
  2. @JanJo solution Scrollbar is shown although there is enough space left - #2 by JanJo
  3. @makiaea solution to hide scrollbars

Other refs

1.The Current State of Styling Scrollbars - CSS-Tricks
2. Discussion ( Query: Is there an existing solution to Preview Alignment? - Discussion - Talk TW (tiddlywiki.org))

Yet another solution

The below solution will make scrollbars thin and will follow your Palette colors
mysettings_scrollbars.json (845 Bytes)

  • To give a try download above JSON and drag and drop into https://tiddlywiki.com
  • It works best on Edge/Chrome and all Chromium based browser! Also works on FF (not as pretty as Chrome)!
  • It uses CSS variable, so simply customize the color of scrollbar handle (thumb) and track
  • It customizes both vertical and horizontal scrollbars!

@jeremyruston - I think its time to make TW scrollbar beautiful!

3 Likes

Thanks @Mohammad - very nice! - And scrollbar for TOC are included - perfect!!

1 Like