GitHub Overlay Scrollbars by stylishthemes
Imported from https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/github-overlay-scrollbars.user.css
Details
Authorstylishthemes
LicenseCC-BY-SA-4.0
Created atApril 3, 2021 00:34
Updated atApril 3, 2021 00:34
Applies togithub
Statistics
Learn how we calculate statistics in the FAQ.
Total views377
Total installs142
Weekly installs4
Description
GitHub overlay scrollbars
Notes
Userstyle doesn't have notes.History
Daily snapshots of style statistics.
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;
}
}