added styling on theme selector

2025-12-14 06:15:40 +01:00 · 2023-05-09 23:28:45 +02:00
parent 77a853e980
commit 4350ab9bd9
4 changed files with 32 additions and 6 deletions
--- a/src/pages/settings/settings.scss
+++ b/src/pages/settings/settings.scss
@@ -230,8 +230,6 @@ html {
        border-color: $tidal-blue;
        color: $white;
      }
-
-      // --- Switch slider component ---
    }
  }
 }
@@ -415,3 +413,26 @@ html {
    outline: none;
  }
 }
+
+.select-input {
+  display: block;
+  width: 100%;
+  margin-bottom: 10px;
+  padding: 5px 0;
+  transition: 0.2s;
+  border: 0;
+  border-bottom: solid 1px $grey-333;
+  outline: none;
+  background: transparent;
+  color: $tidal-grey;
+  font-size: 14px;
+
+  &:focus {
+    border-color: $tidal-blue;
+    color: $white;
+  }
+
+  option {
+    background-color: $tidal-grey-darkest;
+  }
+}