bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-12 06:13:38 +00:00
Code Issues Releases Wiki Activity

theme scrollbars

Browse Source
This commit is contained in:
Kyle Spearrin
2018-06-01 12:13:49 -04:00
parent de08a25c14
commit 37a64beb32
3 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

Submodule jslib updated: e0d5a4d8b7...c512b9b3ce

9
src/popup/scss/base.scss
View File

@@ -110,12 +110,17 @@ content::-webkit-scrollbar-track {
}
content::-webkit-scrollbar-thumb {
background-color: rgba(100,100,100,.2);
border-radius: 10px;
margin-right: 1px;
@include themify($themes) {
background-color: themed('scrollbarColor');
}
&:hover {
background-color: rgba(100,100,100,.4);
@include themify($themes) {
background-color: themed('scrollbarHoverColor');
}
}
}

14
src/popup/scss/variables.scss
View File

@@ -42,6 +42,13 @@ $themes: (
borderColorDark: $border-color-dark,
backgroundColor: $background-color,
backgroundColorAlt: #ffffff,
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,
tabBackgroundColor: #ffffff,
tabBackgroundHoverColor: $list-item-hover,
headerColor: #ffffff,
headerBackgroundColor: $brand-primary,
headerBackgroundHoverColor: rgba(255, 255, 255, 0.1),
@@ -51,11 +58,6 @@ $themes: (
headerInputColor: #ffffff,
headerInputPlaceholderColor: lighten($brand-primary, 35%),
listItemBackgroundHoverColor: $list-item-hover,
boxBackgroundColor: $box-background-color,
boxBackgroundHoverColor: $box-background-hover-color,
boxBorderColor: $box-border-color,
tabBackgroundColor: #ffffff,
tabBackgroundHoverColor: $list-item-hover,
disabledIconColor: $list-icon-color,
headingColor: $gray-light,
labelColor: $gray-light,
@@ -84,6 +86,8 @@ $themes: (
borderColorDark: #111111,
backgroundColor: #222222,
backgroundColorAlt: #3d3d3d,
scrollbarColor: #4d4d4d,
scrollbarHoverColor: #5f5f5f,
boxBackgroundColor: #363636,
boxBackgroundHoverColor: #3f3f3f,
boxBorderColor: #2f2f2f,