Change scrollbar color instead of hiding it

This commit is contained in:
Pavel Djundik 2018-07-18 12:07:58 +03:00
parent 7817bf722d
commit 0453fe04c8
1 changed files with 9 additions and 5 deletions

View File

@ -5,10 +5,6 @@
* License: MIT * License: MIT
*/ */
::-webkit-scrollbar {
display: none;
}
/* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */ /* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: rgba(131, 148, 150, 0.9); color: rgba(131, 148, 150, 0.9);
@ -18,7 +14,6 @@
--link-color: #268bd2; --link-color: #268bd2;
--background-dark-color: #051114; --background-dark-color: #051114;
--background-light-color: #002b36; --background-light-color: #002b36;
--highlight-bg-color: #002b36; --highlight-bg-color: #002b36;
--highlight-border-color: #268bd2; --highlight-border-color: #268bd2;
} }
@ -28,6 +23,15 @@
opacity: 1; /* fix opacity in Firefox */ opacity: 1; /* fix opacity in Firefox */
} }
::-webkit-scrollbar-thumb:vertical {
background: var(--background-light-color);
}
html {
scrollbar-track-color: var(--background-dark-color);
scrollbar-face-color: var(--background-light-color);
}
#loading .logo, #loading .logo,
#windows .logo { #windows .logo {
display: none; display: none;