scrollbar_mod

Scrollbar Mod

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

• UserStyles.World
• GitHub

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