Styles the scrollbar and audio player components to a dark theme. Every setting can be customized through the "Customize Settings" feature. Only compatible with WebKit browsers.
Chrome - Dark scrollbar and audio player by jesuscc1993
Imported from https://github.com/jesuscc1993/user-css/raw/develop/chrome-dark-scrollbar-and-audio-player/chrome-dark-scrollbar-and-audio-player.user.css
Mirrored from https://github.com/jesuscc1993/user-css/raw/develop/chrome/chrome-dark-scrollbar-and-audio-player/chrome-dark-scrollbar-and-audio-player.user.css
Details
Authorjesuscc1993
LicenseNO-REDISTRIBUTION
Categoryunset
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Chrome - Dark scrollbar and audio player
@description Styles the scrollbar and audio player components to a dark theme. Every setting can be customized through the "Customize Settings" feature. Only compatible with WebKit browsers.
@version 2023.05.11.13.21
@author MetalTxus
@namespace https://github.com/jesuscc1993/
@license CC BY-SA 4.0
@preprocessor uso
@advanced dropdown scope "Scope" {
scope-any "All scrollbars" <<<EOT EOT;
scope-html "Main scrollbar" <<<EOT html > EOT;
}
@advanced color background "Track color" #101010
@advanced color scrollbar "Thumb color" #333333
@advanced color scrollbar-hover "Thumb color (hover)" #444444
@advanced text scrollbar-width "Width" "17px"
@advanced text border-radius "Border radius" "8px"
@advanced text border-width "Border width" "3px"
@advanced text border-width-hover "Border width (hover)" "2px"
@advanced dropdown dark-player "Dark audio player" {
dark-player-0 "Disabled" <<<EOT EOT;
dark-player-1 "Enabled" <<<EOT audio {
filter: invert(1) hue-rotate(180deg);
} EOT;
}
==/UserStyle== */
/*[[dark-player]]*/
@-moz-document regexp("https?://(?!(www\.)?(discord.com)).*") {
/*[[scope]]*/::-webkit-scrollbar,
/*[[scope]]*/::-webkit-scrollbar-corner,
/*[[scope]]*/::-webkit-scrollbar-track-piece {
background: /*[[background]]*/ !important;
}
/*[[scope]]*/::-webkit-scrollbar {
width: /*[[scrollbar-width]]*/ !important;
height: /*[[scrollbar-width]]*/ !important;
}
/*[[scope]]*/::-webkit-scrollbar-thumb {
background: /*[[scrollbar]]*/ !important;
border: /*[[border-width]]*/ solid /*[[background]]*/ !important;
border-radius: /*[[border-radius]]*/ !important;
}
/*[[scope]]*/::-webkit-scrollbar-thumb:hover {
background: /*[[scrollbar-hover]]*/ !important;
border-width: /*[[border-width-hover]]*/ !important;
}
}