devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

theme scrollbars

This commit is contained in:
Kyle Spearrin 2018-06-01 12:13:46 -04:00
parent d8067f43b7
commit 4756640f3f
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/scss/base.scss
View File

@ -88,11 +88,16 @@ div:not(.modal)::-webkit-scrollbar-track {
} }
div:not(.modal)::-webkit-scrollbar-thumb { div:not(.modal)::-webkit-scrollbar-thumb {
background-color: rgba(100,100,100,.2);
border-radius: 10px; border-radius: 10px;
margin-right: 1px; margin-right: 1px;
@include themify($themes) {
background-color: themed('scrollbarColor');
}
&:hover { &:hover {
background-color: rgba(100,100,100,.4); @include themify($themes) {
background-color: themed('scrollbarHoverColor');
}
} }
} }

10
src/scss/variables.scss
View File

@ -44,6 +44,11 @@ $themes: (
backgroundColor: $background-color, backgroundColor: $background-color,
backgroundColorAlt: $background-color-alt, backgroundColorAlt: $background-color-alt,
backgroundColorAlt2: $background-color-alt2, backgroundColorAlt2: $background-color-alt2,
scrollbarColor: rgba(100,100,100,.2),
scrollbarHoverColor: rgba(100,100,100,.4),
boxBackgroundColor: $box-background-color,
boxBackgroundHoverColor: $box-background-hover-color,
boxBorderColor: $box-border-color,
headerBackgroundColor: $brand-primary, headerBackgroundColor: $brand-primary,
headerBorderColor: darken($brand-primary, 7%), headerBorderColor: darken($brand-primary, 7%),
headerInputBackgroundColor: darken($brand-primary, 8%), headerInputBackgroundColor: darken($brand-primary, 8%),
@ -52,9 +57,6 @@ $themes: (
headerInputPlaceholderColor: lighten($brand-primary, 35%), headerInputPlaceholderColor: lighten($brand-primary, 35%),
listItemBackgroundColor: $background-color, listItemBackgroundColor: $background-color,
listItemBackgroundHoverColor: $list-item-hover, listItemBackgroundHoverColor: $list-item-hover,
boxBackgroundColor: $box-background-color,
boxBackgroundHoverColor: $box-background-hover-color,
boxBorderColor: $box-border-color,
groupingsActiveColor: darken($background-color-alt, 5%), groupingsActiveColor: darken($background-color-alt, 5%),
disabledIconColor: $list-icon-color, disabledIconColor: $list-icon-color,
headingColor: $gray-light, headingColor: $gray-light,
@ -88,6 +90,8 @@ $themes: (
backgroundColor: #363636, backgroundColor: #363636,
backgroundColorAlt: #3d3d3d, backgroundColorAlt: #3d3d3d,
backgroundColorAlt2: #222222, backgroundColorAlt2: #222222,
scrollbarColor: #4d4d4d,
scrollbarHoverColor: #5f5f5f,
boxBackgroundColor: #363636, boxBackgroundColor: #363636,
boxBackgroundHoverColor: #3f3f3f, boxBackgroundHoverColor: #3f3f3f,
boxBorderColor: #2f2f2f, boxBorderColor: #2f2f2f,