Skip to content

Files

Latest commit

13b48d4 · Dec 9, 2024

History

History

scrollbar_mod

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Dec 9, 2024
Oct 16, 2024

Scrollbar Mod

This is a mod version for the Scrollbar Advanced userstyle with additional features, available on:

Features & Configuration

Note

Options marked with an asterisk (*) only take effect when Theme is set to Custom.

  • Theme: Choose a color scheme for the scrollbar
  • * Track Color: Customize the track color of the scrollbar
  • * Handle Color: Customize the handle color of the scrollbar
  • * Handle Hover: Customize the handle color of the scrollbar when hovered
  • * Handle Active: Customize the handle color of the scrollbar when activated
  • * Selection Color: Customize the background color of the selected text (might not work with Dark Reader's dynamic mode)
  • Radius: Customize the radius of the scrollbar handle and background
  • Scrollbar Width: Customize the width of the scrollbar when hovered
  • Scrollbar Handle Shrink: Set how much the scrollbar handle should shrink on both sides when not hovered
  • Background Visibility: Control the visibility of the scrollbar background
    • Visible-On-Hover: The scrollbar background is only visible when hovering over the scrollbar
    • Always-Visible: The scrollbar background is always visible
    • Always-Hidden: The scrollbar background is always hidden
  • Opacity: Set the opacity of the scrollbar
  • Smooth Scroll: Enable smooth scrolling behavior (when you click on anchors)
  • Force: Try to override site-defined scrollbar styles and scroll behavior

Mod Features

  • New features
    • Handle Active feature
    • ScrollBar Handle Shrink feature
    • Selection Color feature
    • Opacity feature
    • Smooth Scroll feature
    • Force feature
  • Renamed & improved features
    • Handle Radius renamed to Radius, which now also affects the scrollbar background
    • Transparent Track renamed to Background Visibility, with an additional option to show only when hovered
  • Some minor adjustments
    • Code formatting
    • Consistent variable naming
    • Using nested CSS
    • Changing default scrollbar width from 7px to 8px
    • Use hash object to replace if-elses
    • Also set height property so as to apply the style to horizontal scrollbars as well
    • ...More
  • Detailed documentation