tesses50
/
freetube
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added scrollbar coloring for each base theme

This commit is contained in:
Airradda 2020-06-21 22:47:43 -05:00
parent c85cec79f7
commit 42ec307b7b
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/themes.css
View File

@ -10,6 +10,8 @@
--link-visited-color: var(--accent-color-visited); --link-visited-color: var(--accent-color-visited);
--card-bg-color: #FFFFFF; --card-bg-color: #FFFFFF;
--secondary-card-bg-color: #eeeeee; --secondary-card-bg-color: #eeeeee;
--scrollbar-color: #9E9E9E;
--scrollbar-color-hover: #BDBDBD;
--side-nav-color: #FFFFFF; --side-nav-color: #FFFFFF;
--side-nav-hover-color: #e0e0e0; --side-nav-hover-color: #e0e0e0;
--side-nav-active-color: #757575; --side-nav-active-color: #757575;
@ -32,6 +34,8 @@
--link-visited-color: var(--accent-color-visited); --link-visited-color: var(--accent-color-visited);
--card-bg-color: #303030; --card-bg-color: #303030;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75); --secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #616161;
--scrollbar-color-hover: #757575;
--side-nav-color: #262626; --side-nav-color: #262626;
--side-nav-hover-color: #212121; --side-nav-hover-color: #212121;
--side-nav-active-color: #303030; --side-nav-active-color: #303030;
@ -53,6 +57,8 @@
--link-visited-color: var(--accent-color-visited); --link-visited-color: var(--accent-color-visited);
--card-bg-color: #000000; --card-bg-color: #000000;
--secondary-card-bg-color: rgba(0, 0, 0, 0.75); --secondary-card-bg-color: rgba(0, 0, 0, 0.75);
--scrollbar-color: #212121;
--scrollbar-color-hover: #424242;
--side-nav-color: #000000; --side-nav-color: #000000;
--side-nav-hover-color: #212121; --side-nav-hover-color: #212121;
--side-nav-active-color: #303030; --side-nav-active-color: #303030;
@ -453,9 +459,9 @@ a:visited {
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background: var(--primary-color); background: var(--scrollbar-color);
border-radius: 10px; border-radius: 10px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--primary-color-active); background: var(--scrollbar-color-hover);
} }