GitHub Overlay Scrollbars by StylishThemes

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

AuthorStylishThemes

LicenseCC-BY-SA-4.0

Created at2021-03-04 00:34:34

Updated at2021-03-04 00:34:34

Applies toGitHub

Description

GitHub overlay scrollbars

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name        GitHub Overlay Scrollbars
@version     3.1.0
@description GitHub 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/github-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-hover      "Webkit scrollbar track hover color" transparent
@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 text webkit-scrollbar-width-height  "Webkit scrollbar width/height" 6px
@advanced text webkit-scrollbar-border-radius "Webkit scrollbar border radius" 0px
==/UserStyle== */
@-moz-document regexp("^https?://((gist|guides|help|launch-editor|raw|resources|status|developer)\\.)?github\\.com/((?!generated_pages/preview).)*$"), domain("githubusercontent.com"), domain("graphql-explorer.githubapp.com") {
  /* Firefox and derivatives >= v64*/
  *: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;
  }
  /* 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;
  }
  /* Hide the scrollbars that the overlay scrollbars style adds */
  [style*="overflow-y:auto"] {
    scrollbar-width: none !important;
  }
  [style*="overflow-y:auto"]::-webkit-scrollbar {
    display: none;
  }
}

GitHub Overlay Scrollbars by StylishThemes

Details

Description

Notes

Source code