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

aligned dark theme variables to the new WV dark theme (#2241) 

* aligned dark theme variables to the new WV dark theme

* Update plugins.scss

updated toast close button color

* Run prettier on plugins.scss

Co-authored-by: Daniel James Smith <djsmith@web.de>
This commit is contained in:
Danielle Flinn 2022-01-12 04:12:30 -08:00 committed by GitHub
parent 209eb3e3e2
commit 42d8f99249
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 51 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/popup/scss/plugins.scss
View File

@ -10,11 +10,17 @@ $fa-font-path: "~font-awesome/fonts";
.toast-container { .toast-container {
.toast-close-button { .toast-close-button {
@include themify($themes) {
color: themed("toastTextColor");
}
font-size: 18px; font-size: 18px;
margin-right: 4px; margin-right: 4px;
} }
.ngx-toastr { .ngx-toastr {
@include themify($themes) {
color: themed("toastTextColor");
}
align-items: center; align-items: center;
background-image: none !important; background-image: none !important;
border-radius: $border-radius; border-radius: $border-radius;

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

@ -103,55 +103,57 @@ $themes: (
passwordSpecialColor: #c40800, passwordSpecialColor: #c40800,
calloutBorderColor: $border-color-dark, calloutBorderColor: $border-color-dark,
calloutBackgroundColor: $box-background-color, calloutBackgroundColor: $box-background-color,
toastTextColor: #ffffff,
), ),
dark: ( dark: (
textColor: #ffffff, textColor: #ffffff,
borderColor: #111111, borderColor: #161c26,
backgroundColor: #222222, backgroundColor: #161c26,
backgroundColorAlt: #3d3d3d, backgroundColorAlt: #2f343d,
scrollbarColor: #4d4d4d, scrollbarColor: #6e788a,
scrollbarHoverColor: #5f5f5f, scrollbarHoverColor: #8d94a5,
boxBackgroundColor: #363636, boxBackgroundColor: #2f343d,
boxBackgroundHoverColor: #3f3f3f, boxBackgroundHoverColor: #3c424e,
boxBorderColor: #2f2f2f, boxBorderColor: #4c525f,
tabBackgroundColor: #363636, tabBackgroundColor: #2f343d,
tabBackgroundHoverColor: #3f3f3f, tabBackgroundHoverColor: #3c424e,
headerColor: #ffffff, headerColor: #ffffff,
headerBackgroundColor: #363636, headerBackgroundColor: #2f343d,
headerBackgroundHoverColor: #3f3f3f, headerBackgroundHoverColor: #3c424e,
headerBorderColor: #111111, headerBorderColor: #161c26,
headerInputBackgroundColor: #222222, headerInputBackgroundColor: #3c424e,
headerInputBackgroundFocusColor: #1d1d1d, headerInputBackgroundFocusColor: #4c525f,
headerInputColor: #ffffff, headerInputColor: #ffffff,
headerInputPlaceholderColor: #707070, headerInputPlaceholderColor: #bac0ce,
listItemBackgroundHoverColor: #3c3c3c, listItemBackgroundHoverColor: #3c424e,
disabledIconColor: #cacaca, disabledIconColor: #bac0ce,
disabledBoxOpacity: 0.5, disabledBoxOpacity: 0.5,
headingColor: #a3a3a3, headingColor: #bac0ce,
labelColor: #a3a3a3, labelColor: #bac0ce,
mutedColor: #a3a3a3, mutedColor: #bac0ce,
totpStrokeColor: #cacaca, totpStrokeColor: #4c525f,
boxRowButtonColor: #cacaca, boxRowButtonColor: #bac0ce,
boxRowButtonHoverColor: #ffffff, boxRowButtonHoverColor: #ffffff,
inputBorderColor: #222222, inputBorderColor: #4c525f,
inputBackgroundColor: #363636, inputBackgroundColor: #2f343d,
inputPlaceholderColor: #707070, inputPlaceholderColor: #bac0ce,
buttonBackgroundColor: #363636, buttonBackgroundColor: #3c424e,
buttonBorderColor: #1f1f1f, buttonBorderColor: #4c525f,
buttonColor: #e0e0e0, buttonColor: #bac0ce,
buttonPrimaryColor: #46ace7, buttonPrimaryColor: #6f9df1,
buttonDangerColor: #ff3e24, buttonDangerColor: #ff8d85,
primaryColor: #52bdfb, primaryColor: #6f9df1,
primaryAccentColor: #3ea1da, primaryAccentColor: #6f9df1,
dangerColor: #ff3e24, dangerColor: #ff8d85,
successColor: $brand-success, successColor: #52e07c,
infoColor: $brand-info, infoColor: #a4b0c6,
warningColor: $brand-warning, warningColor: #ffeb66,
logoSuffix: "white", logoSuffix: "white",
passwordNumberColor: #52bdfb, passwordNumberColor: #6f9df1,
passwordSpecialColor: #ff7c70, passwordSpecialColor: #ff8d85,
calloutBorderColor: #111111, calloutBorderColor: #4c525f,
calloutBackgroundColor: #3d3d3d, calloutBackgroundColor: #3c424e,
toastTextColor: #1f242e,
), ),
nord: ( nord: (
textColor: $nord5, textColor: $nord5,
@ -201,6 +203,7 @@ $themes: (
passwordSpecialColor: $nord12, passwordSpecialColor: $nord12,
calloutBorderColor: $nord0, calloutBorderColor: $nord0,
calloutBackgroundColor: $nord2, calloutBackgroundColor: $nord2,
toastTextColor: #ffffff,
), ),
solarizedDark: ( solarizedDark: (
textColor: $solarizedDarkBase2, textColor: $solarizedDarkBase2,
@ -250,6 +253,7 @@ $themes: (
passwordSpecialColor: $solarizedDarkYellow, passwordSpecialColor: $solarizedDarkYellow,
calloutBorderColor: $solarizedDarkBase03, calloutBorderColor: $solarizedDarkBase03,
calloutBackgroundColor: $solarizedDarkBase01, calloutBackgroundColor: $solarizedDarkBase01,
toastTextColor: #ffffff,
), ),
); );