more defense

argyleink · Sep 23, 2022 · cefff02 · cefff02
1 parent 6937239
commit cefff02
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 0 deletions.
diff --git a/src/extra/theme.dark.css b/src/extra/theme.dark.css
@@ -15,4 +15,34 @@
   --scrollthumb-color: var(--gray-6);
   --shadow-strength: 10%;
   --shadow-color: 220 40% 2%;
+
+  & dialog {
+    background-color: var(--surface-2);
+  }
+
+  & button {
+    --_highlight: var(--_highlight-dark);
+    --_bg: var(--_bg-dark);
+    --_ink-shadow: var(--_ink-shadow-dark);
+
+    &[type="reset"] {
+      --_text: var(--red-2);
+      --_border: var(--surface-3);
+    }
+  }
+
+  & :is(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled] {
+    --_text: var(--gray-5);
+  }
+
+  & :is(textarea, select, input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])) {
+    background-color: hsl(210deg 11% 10%);
+  }
+
+  & [type="submit"],
+  & form button:not([type="button"]),
+  & [type="reset"], 
+  & [disabled] {
+    --_bg: var(--surface-1);
+  }
 }
diff --git a/src/extra/theme.light.css b/src/extra/theme.light.css
@@ -24,4 +24,27 @@
       --link-visited: color(display-p3 .6 .2 1);
     }
   }
+
+  & dialog {
+    background-color: var(--surface-1);
+  }
+
+  & button {
+    --_highlight: var(--_highlight-light);
+    --_bg: var(--_bg-light);
+    --_ink-shadow: var(--_ink-shadow-light);
+
+    &[type="reset"] {
+      --_text: var(--red-6);
+      --_border: var(--red-3);
+    }
+  }
+
+  & :is(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled] {
+    --_text: var(--gray-6);
+  }
+
+  & :is(textarea, select, input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])) {
+    background-color: var(--surface-2);
+  }
 }