bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-12 14:23:32 +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 { content::-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');
}
} }
} }

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

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