d9d8721655
Complaints about not being able to see scrollbars on the light theme. This adjusts both themes to become visible. Adjustments may follow, along with incorporating into all supported browsers.
36 lines
1.4 KiB
SCSS
36 lines
1.4 KiB
SCSS
// A lot of this stuff is temporary for now.
|
|
// Content containers are meant to behave much differently than the mastodon default UI
|
|
// For now linking default gab colors to replace the base UI colors and formulas
|
|
|
|
html {scrollbar-color: lighten($gab-background-container, 4%) $gab-background-container;}
|
|
::-webkit-scrollbar {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
border: none;
|
|
background: rgba($gab-placeholder-accent, .5);
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .3);}
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba($gab-placeholder-accent, .75);
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .4);}
|
|
}
|
|
::-webkit-scrollbar-thumb:active {
|
|
background: $gab-placeholder-accent;
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .5);}
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
border: none;
|
|
background: rgba($gab-background-container, .5);
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .3);}
|
|
}
|
|
::-webkit-scrollbar-track:hover {
|
|
background: rgba($gab-background-container, .75);
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .4);}
|
|
}
|
|
::-webkit-scrollbar-track:active {
|
|
background: $gab-background-container;
|
|
@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .5);}
|
|
}
|
|
::-webkit-scrollbar-corner {background: transparent;} |