bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 01:03:35 +00:00
Code Issues Releases Wiki Activity

dark theme styling

Browse Source
This commit is contained in:
Kyle Spearrin
2018-05-31 15:45:03 -04:00
parent 324ea5114d
commit 8659cc96cb
4 changed files with 175 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,26 +39,24 @@ $button-color-danger: darken($brand-danger, 10%);
$themes: (
light: (
textColor: $text-color,
borderColor: $border-color,
borderColorDark: $border-color-dark,
backgroundColor: $background-color,
backgroundColorAlt: $background-color-alt,
backgroundColorAlt: #ffffff,
headerColor: #ffffff,
headerBackgroundColor: $brand-primary,
headerBorderColor: darken($brand-primary, 7%),
headerBackgroundHoverColor: rgba(255, 255, 255, 0.1),
headerBorderColor: $brand-primary,
headerInputBackgroundColor: darken($brand-primary, 8%),
headerInputBackgroundFocusColor: darken($brand-primary, 10%),
headerInputColor: #ffffff,
headerInputPlaceholderColor: lighten($brand-primary, 35%),
listItemBackgroundColor: $background-color,
listItemBackgroundHoverColor: $list-item-hover,
boxBackgroundColor: $box-background-color,
boxBackgroundHoverColor: $box-background-hover-color,
boxBorderColor: $box-border-color,
groupingsActiveColor: darken($background-color-alt, 5%),
tabBackgroundColor: #ffffff,
disabledIconColor: $list-icon-color,
headingColor: $gray-light,
headingButtonColor: lighten($gray-light, 30%),
headingButtonHoverColor: $gray-light,
labelColor: $gray-light,
mutedColor: $text-muted,
totpStrokeColor: $brand-primary,
@@ -82,26 +80,24 @@ $themes: (
),
dark: (
textColor: #ffffff,
borderColor: #2f2f2f,
borderColorDark: #2f2f2f,
backgroundColor: #363636,
borderColorDark: #111111,
backgroundColor: #222222,
backgroundColorAlt: #3d3d3d,
boxBackgroundColor: #363636,
boxBackgroundHoverColor: #3f3f3f,
boxBorderColor: #2f2f2f,
tabBackgroundColor: #3d3d3d,
headerColor: #ffffff,
headerBackgroundColor: #363636,
headerBorderColor: #272727,
headerBackgroundHoverColor: #313131,
headerBorderColor: #111111,
headerInputBackgroundColor: #222222,
headerInputBackgroundFocusColor: #1d1d1d,
headerInputColor: #ffffff,
headerInputPlaceholderColor: #707070,
listItemBackgroundColor: #363636,
listItemBackgroundHoverColor: #3c3c3c,
groupingsActiveColor: #292929,
disabledIconColor: #c7c7cd,
headingColor: #a3a3a3,
headingButtonColor: #a3a3a3,
headingButtonHoverColor: #ffffff,
labelColor: #a3a3a3,
mutedColor: #a3a3a3,
totpStrokeColor: #cacaca,