Merge pull request #46 from Airradda/scrollbar

Change scrollbar style
This commit is contained in:
Preston 2020-07-11 15:20:33 -04:00 committed by GitHub
commit 7dd50f9c28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 1 deletions

View File

@ -10,6 +10,8 @@
--link-visited-color: var(--accent-color-visited);
--card-bg-color: #FFFFFF;
--secondary-card-bg-color: #eeeeee;
--scrollbar-color: #CCCCCC;
--scrollbar-color-hover: #BDBDBD;
--side-nav-color: #FFFFFF;
--side-nav-hover-color: #e0e0e0;
--side-nav-active-color: #757575;
@ -32,6 +34,8 @@
--link-visited-color: var(--accent-color-visited);
--card-bg-color: #303030;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #414141;
--scrollbar-color-hover: #757575;
--side-nav-color: #262626;
--side-nav-hover-color: #212121;
--side-nav-active-color: #303030;
@ -53,6 +57,8 @@
--link-visited-color: var(--accent-color-visited);
--card-bg-color: #000000;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #515151;
--scrollbar-color-hover: #424242;
--side-nav-color: #000000;
--side-nav-hover-color: #212121;
--side-nav-active-color: #303030;
@ -442,9 +448,24 @@ body {
color: var(--primary-text-color);
background-color: var(--bg-color);
}
a:link {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-color);
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-color-hover);
}