style(next): refactor CSS

TriliumNext · Jan 13, 2025 · 56fb70a · 56fb70a
1 parent 93e740c
commit 56fb70a
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
@@ -13,28 +13,29 @@ input[type="text"],
 input[type="number"],
 input[type="password"] {
     outline: 3px solid transparent;
-    border: unset;
     outline-offset: 6px;
+    border: unset;
+    background: var(--input-background-color);
+    color: var(--input-text-color);
 }
 
 input:not([type]):hover,
 input[type="text"]:hover,
 input[type="number"]:hover,
 input[type="password"]:hover {
-    --input-background-color: var(--input-hover-background);
-    --input-text-color: var(--input-hover-color);
+    background: var(--input-hover-background);
+    color: var(--input-hover-color);
 }
 
 input:not([type]):focus,
 input[type="text"]:focus,
 input[type="number"]:focus,
 input[type="password"]:focus {
-    --input-background-color: var(--input-focus-background);
-    --input-text-color: var(--input-focus-color);
-
+    box-shadow: unset;
     outline: 3px solid var(--input-focus-outline-color);
     outline-offset: 0;
-    box-shadow: unset;
+    background: var(--input-focus-background);
+    color: var(--input-focus-color);
     transition: outline-color 50ms linear,
                 outline-offset 200ms ease-out;
 }