Styled Bars [Titlebar + Scrollbar]

This commit is contained in:
Araxeus
2021-03-23 02:46:13 +02:00
parent ce2970eefa
commit b8c5c87cfa
6 changed files with 273 additions and 2 deletions

View File

@ -0,0 +1,27 @@
/* remove window dragging for nav bar (conflict with titlebar drag) */
ytmusic-nav-bar {
-webkit-app-region : unset;
}
::-webkit-scrollbar {
width: 12px;
background-color: #030303;
-webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
background-color: rgba(15, 15, 15, 0.699);
}
/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
background-clip: padding-box;
border: 2px solid rgba(0, 0, 0, 0);
background: rgb(49, 0, 0);
-webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
background: rgb(56, 0, 0); /* Some darker color when you click it */
-webkit-border-radius: 100px;
}