Skip to content

GitHub Overlay Scrollbars by stylishthemes

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

Details

Authorstylishthemes

LicenseCC-BY-SA-4.0

Created

Updated

Categorygithub

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

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
@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;
  }
}

Reviews

No reviews yet.