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

changes per product design

Browse Source 
added border for selects, border around generator, and hover for solarizeddark
This commit is contained in:
DanHillesheim
2022-10-28 14:57:36 -06:00
parent 51615c5c86
commit 8bd18f5107
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/browser/src/popup/scss/box.scss
View File

@@ -463,8 +463,8 @@
padding: 7px 4px; padding: 7px 4px;
@include themify($themes) { @include themify($themes) {
background-color: themed("selectBoxBackgroundColor"); background-color: themed("transparentColor");
border-color: themed("inputBorderColor"); border-color: themed("borderColorAlt");
} }
} }

4
apps/browser/src/popup/scss/pages.scss
View File

@@ -15,9 +15,11 @@ app-generator .generated-block {
padding: 10px 10px 10px 0; padding: 10px 10px 10px 0;
display: flex; display: flex;
border-radius: $border-radius; border-radius: $border-radius;
border: 1px solid;
@include themify($themes) { @include themify($themes) {
background-color: transparent; background-color: transparent;
border-color: themed("borderColorAlt");
} }
.generated-wrapper { .generated-wrapper {
@@ -28,11 +30,9 @@ app-generator .generated-block {
word-break: break-all; word-break: break-all;
padding: 15px; padding: 15px;
border-radius: $border-radius; border-radius: $border-radius;
border: 1px solid;
@include themify($themes) { @include themify($themes) {
background-color: themed("backgroundColor"); background-color: themed("backgroundColor");
border-color: themed("borderColorAlt");
} }
} }

6
apps/browser/src/popup/scss/variables.scss
View File

@@ -122,7 +122,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: #161c26, borderColor: #161c26,
backgroundColor: #161c26, backgroundColor: #161c26,
borderColorAlt: #4c525f, borderColorAlt: #6e788a,
backgroundColorAlt: #2f343d, backgroundColorAlt: #2f343d,
scrollbarColor: #6e788a, scrollbarColor: #6e788a,
scrollbarHoverColor: #8d94a5, scrollbarHoverColor: #8d94a5,
@@ -177,7 +177,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: $nord0, borderColor: $nord0,
backgroundColor: $nord1, backgroundColor: $nord1,
borderColorAlt: $nord3, borderColorAlt: $nord5,
backgroundColorAlt: $nord2, backgroundColorAlt: $nord2,
scrollbarColor: $nord4, scrollbarColor: $nord4,
scrollbarHoverColor: $nord6, scrollbarHoverColor: $nord6,
@@ -250,7 +250,7 @@ $themes: (
headerInputBackgroundFocusColor: $solarizedDarkBase1, headerInputBackgroundFocusColor: $solarizedDarkBase1,
headerInputColor: $solarizedDarkBase01, headerInputColor: $solarizedDarkBase01,
headerInputPlaceholderColor: $solarizedDarkBase00, headerInputPlaceholderColor: $solarizedDarkBase00,
listItemBackgroundHoverColor: $solarizedDarkBase02, listItemBackgroundHoverColor: lighten($solarizedDarkBase02, 5%),
disabledIconColor: $solarizedDarkBase0, disabledIconColor: $solarizedDarkBase0,
disabledBoxOpacity: 0.5, disabledBoxOpacity: 0.5,
headingColor: $solarizedDarkBase0, headingColor: $solarizedDarkBase0,