diff --git a/apps/browser/src/popup/scss/box.scss b/apps/browser/src/popup/scss/box.scss index 16b244aacc3..a2e9d6d4d6d 100644 --- a/apps/browser/src/popup/scss/box.scss +++ b/apps/browser/src/popup/scss/box.scss @@ -463,8 +463,8 @@ padding: 7px 4px; @include themify($themes) { - background-color: themed("selectBoxBackgroundColor"); - border-color: themed("inputBorderColor"); + background-color: themed("transparentColor"); + border-color: themed("borderColorAlt"); } } diff --git a/apps/browser/src/popup/scss/pages.scss b/apps/browser/src/popup/scss/pages.scss index e0a6338f80d..0ffa6752c74 100644 --- a/apps/browser/src/popup/scss/pages.scss +++ b/apps/browser/src/popup/scss/pages.scss @@ -15,9 +15,11 @@ app-generator .generated-block { padding: 10px 10px 10px 0; display: flex; border-radius: $border-radius; + border: 1px solid; @include themify($themes) { background-color: transparent; + border-color: themed("borderColorAlt"); } .generated-wrapper { @@ -28,11 +30,9 @@ app-generator .generated-block { word-break: break-all; padding: 15px; border-radius: $border-radius; - border: 1px solid; @include themify($themes) { background-color: themed("backgroundColor"); - border-color: themed("borderColorAlt"); } } diff --git a/apps/browser/src/popup/scss/variables.scss b/apps/browser/src/popup/scss/variables.scss index 9ce3f3d9009..820ab9af9f2 100644 --- a/apps/browser/src/popup/scss/variables.scss +++ b/apps/browser/src/popup/scss/variables.scss @@ -122,7 +122,7 @@ $themes: ( hoverColorTransparent: rgba($text-color, 0.15), borderColor: #161c26, backgroundColor: #161c26, - borderColorAlt: #4c525f, + borderColorAlt: #6e788a, backgroundColorAlt: #2f343d, scrollbarColor: #6e788a, scrollbarHoverColor: #8d94a5, @@ -177,7 +177,7 @@ $themes: ( hoverColorTransparent: rgba($text-color, 0.15), borderColor: $nord0, backgroundColor: $nord1, - borderColorAlt: $nord3, + borderColorAlt: $nord5, backgroundColorAlt: $nord2, scrollbarColor: $nord4, scrollbarHoverColor: $nord6, @@ -250,7 +250,7 @@ $themes: ( headerInputBackgroundFocusColor: $solarizedDarkBase1, headerInputColor: $solarizedDarkBase01, headerInputPlaceholderColor: $solarizedDarkBase00, - listItemBackgroundHoverColor: $solarizedDarkBase02, + listItemBackgroundHoverColor: lighten($solarizedDarkBase02, 5%), disabledIconColor: $solarizedDarkBase0, disabledBoxOpacity: 0.5, headingColor: $solarizedDarkBase0,