changes per product design

added border for selects, border around generator, and hover for solarizeddark

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");
     }
   }
 

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");
     }
   }
 

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,