michael.reber/rclone-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add scrollbar styling

Browse Source
This commit is contained in:
controlol 2021-11-01 21:27:57 +01:00
parent 9f2264b1f4
commit 613817fc46
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/index.css
View File

@ -1,6 +1,10 @@
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
html { html {
--scrollbarBG: #CFD8DC;
--off-white: #adb2b5;
--thumbBG: #90A4AE;
--background-color: #eee; --background-color: #eee;
--popup-background: #ddd; --popup-background: #ddd;
--popup-header: #ccc; --popup-header: #ccc;
@ -45,4 +49,23 @@ body {
pre { pre {
white-space: pre-wrap; white-space: pre-wrap;
}
*::-webkit-scrollbar {
width: 11px;
}
body {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
*::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
*::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
} }