Greasy Fork is available in English.

Custom Scrollbars in Firefox 63/64+ and Chromium 121+

Customizable scrollbar for Gecko based browsers (Firefox) and blink based Chromium 121+.

  1. /* ==UserStyle==
  2. @name Custom Scrollbars in Firefox 63/64+ and Chromium 121+
  3. @namespace scrollbar-c-w
  4. @version 1.0.4
  5. @description Customizable scrollbar for Gecko based browsers (Firefox) and blink based Chromium 121+.
  6. @author krystian3w
  7. @license CC-BY-SA-4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
  8. @preprocessor less
  9. @var color bar "bar" #C1C1C1
  10. @var color bg "background" #F1F1F1
  11. @var select scrollbar-width "width almost size" ["auto","thin","none"]
  12. @var select scrollbar-select "width <select> size (may no longer works)" ["auto","thin","none"]
  13. @var select inherit "Change width all scrollbars" {yes: "inherit", no: "auto"}
  14. @var select simplebar "Disable glitching with Simplebar?" {yes: "none", no: "block"}
  15.  
  16. // @compatible firefox Firefox chrome Chrome
  17. ==/UserStyle== */
  18. @-moz-document regexp("^(https?|moz-extension)\\:\\/\\/.*$") {
  19. &:root {
  20. scrollbar-face-color: @bar !important;
  21. scrollbar-track-color: @bg !important;
  22.  
  23. scrollbar-color: @bar @bg !important;
  24. scrollbar-width: @scrollbar-width !important;
  25. * {
  26. scrollbar-width: @inherit !important;
  27. }
  28. }
  29. /* glitched on few firefox versions - may no longer needed */
  30. select {
  31. &:not([multiple]):not([size]) {
  32. scrollbar-width: @scrollbar-select !important;
  33. }
  34. }
  35. div[class*="simplebar-track"][style*="visible"] {
  36. display: @simplebar;
  37. }
  38. }