Global Overlay Scrollbars by stylishthemes

Imported and mirrored 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

Updated

CategoryGlobal

Statistics

Learn how we calculate statistics in the FAQ.

Total views802

Total installs1312

Weekly installs36

Description

Global overlay scrollbars

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.002.505.007.5010.0012.5015.0017.5020.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.0068.00135.00203.00270.00338.00405.00473.00540.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.