Global Overlay Scrollbars by stylishthemes

Imported from https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/global-overlay-scrollbars.user.css

Homepage Install Get Stylus Write a review

Details

Authorstylishthemes

LicenseCC-BY-SA-4.0

Created atApril 03, 2021 00:35

Updated atApril 03, 2021 00:35

Applies toGlobal

Statistics

Learn how we calculate statistics in the FAQ.

Total views103

Total installs213

Weekly installs7

Weekly updates11

Description

Global overlay scrollbars

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.002.505.007.5010.0012.5015.0017.5020.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.0027.0053.0079.00105.00132.00158.00184.00210.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name        Global Overlay Scrollbars
@version     3.1.0
@description Global overlay scrollbars
@namespace   StylishThemes
@author      StylishThemes
@co-authors  https://github.com/StylishThemes/Overlay-Scrollbars/graphs/contributors
@homepageURL https://github.com/StylishThemes/Overlay-Scrollbars
@supportURL  https://github.com/StylishThemes/Overlay-Scrollbars/issues
@updateURL   https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/global-overlay-scrollbars.user.css
@license     CC-BY-SA-4.0
@preprocessor default
@advanced color custom-thumb-color            "Scrollbar thumb color" rgba(79, 140, 201, .6)
@advanced color custom-track-color            "Scrollbar track color" transparent
@advanced dropdown custom-width               "Scrollbar track width/height" {
  thin "Firefox Thin" <<<EOT
  thin EOT;
  auto "Firefox Auto" <<<EOT
  auto EOT;
  none "Firefox None" <<<EOT
  none EOT;
}
@advanced color custom-thumb-color-hover      "Webkit scrollbar thumb hover color" rgba(79, 140, 201, .8)
@advanced color custom-track-color-hover      "Webkit scrollbar track hover color" transparent
@advanced text webkit-scrollbar-width-height  "Webkit scrollbar width/height" 6px
@advanced text webkit-scrollbar-border-radius "Webkit scrollbar border radius" 0px
@advanced checkbox workaround-gh-scrollbars   "Enable GitHub workaround scrollbars" 0 {
  Enabled "Enabled" <<<EOT
  /* GitHub https://github.com/StylishThemes/GitHub-Dark/issues/870 *\/
  .integrations-select-repos::-webkit-scrollbar {
    max-width: var(--webkit-scrollbar-width-height) !important;
    width: var(--webkit-scrollbar-width-height) !important;
  }
  .integrations-select-repos::-webkit-scrollbar-thumb {
    background: var(--custom-thumb-color) !important;
    border: 0 !important;
    border-radius: var(--webkit-scrollbar-border-radius) !important;
    box-shadow: none !important;
  }
  .integrations-select-repos::-webkit-scrollbar-track-piece {
    background: var(--custom-track-color) !important;
  } EOT;
  disabled "Disabled" <<<EOT
  disabled EOT;
}
==/UserStyle== */
*:not(select) {
  scrollbar-color: var(--custom-thumb-color) var(--custom-track-color) !important;
  scrollbar-width: var(--custom-width) !important;
}
/* Chrome and derivatives*/
::-webkit-scrollbar {
  max-width: var(--webkit-scrollbar-width-height) !important;
  max-height: var(--webkit-scrollbar-width-height) !important;
  background: var(--custom-track-color) !important;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
  background: var(--custom-track-color) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--custom-thumb-color) !important;
  border-radius: var(--webkit-scrollbar-border-radius) !important;
}
::-webkit-scrollbar-corner:hover,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track-piece:hover {
  background: var(--custom-track-color-hover) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--custom-thumb-color-hover) !important;
}
@-moz-document regexp("^https?://(www\.)?instagram.com/+.*") {
  div[role="presentation"] {
    overflow-x: hidden;
  }
}

Reviews

No reviews yet.