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

Categorygithub

Created

Updated

Code size3.3 kB

Code checksumd9c53c63

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

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.