https://github.com/stylishthemes/overlay-scrollbars

🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers
https://github.com/stylishthemes/overlay-scrollbars

css firefox google-chrome stylus

Last synced: about 1 month ago
JSON representation

🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers

• Host: GitHub
• URL: https://github.com/stylishthemes/overlay-scrollbars
• Owner: StylishThemes
• License: other
• Created: 2019-01-18T08:04:14.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-03-04T01:16:34.000Z (about 4 years ago)
• Last Synced: 2025-03-24T17:51:21.447Z (about 2 months ago)
• Topics: css, firefox, google-chrome, stylus
• Language: CSS
• Homepage: https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/global-overlay-scrollbars.user.css
• Size: 74.2 KB
• Stars: 88
• Watchers: 11
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Overlay Scrollbars



  

    

  

  

    

  

  

    

  



## Introduction

Global and GitHub scrollbars customizable themes for Firefox <= 64 and Chrome based browsers

## Installation

Install [Stylus](https://add0n.com/stylus.html) for either [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/) and then install the style:

📦 [Install the GitHub style usercss](https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/github-overlay-scrollbars.user.css) Will style your scrollbars just while visiting GitHub


📦 [Install the Global style usercss](https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/global-overlay-scrollbars.user.css) Will style your scrollbars globally





Both support automatic updates and customization.


## Notes

Chromium browsers have an `Overlay Scrollbars` option to enable it do the following.

1. Type `chrome://flags/#overlay-scrollbars` into address bar

2. Enable: Overlay Scrollbars

![capture](./images/vivaldi.png)

For more information visit [Vivaldi forum](https://forum.vivaldi.net/topic/21914/how-to-mod-webpage-scrollbar-with-custom-css/11)

🐛 Bug: Vivaldi up to version 2.2.1388.37 (Stable channel) (64-bit) when not full screen windows size,


conflicts with scrollbars width less than 6px and cannot be dragged with mouse.

## Known issues

When using the global style in discord without any other themes the scrollbar widths in various panes,


some side panes don't respect the custom width set.

## Contributions

If you would like to contribute to this repository, please...

1. 👓 Read the [contribution guidelines](./.github/CONTRIBUTING.md).

1. ![repo-forked](https://user-images.githubusercontent.com/136959/42383736-c4cb0db8-80fd-11e8-91ca-12bae108bccc.png) [Fork](https://github.com/StylishThemes/Overlay-Scrollbars/fork) or ![cloud-download](https://user-images.githubusercontent.com/136959/42401932-9ee9cae0-813d-11e8-8691-16e29a85d3b9.png) [download](https://github.com/StylishThemes/Overlay-Scrollbars/archive/master.zip) this repository.

1. 👌 Create a pull request!