/* ==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" <<= 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; } }