feat: add compute

Signed-off-by: kjuulh <contact@kjuulh.io>

static/css/input.css

@@ -28,6 +28,8 @@
 /* Remap Tailwind's color variables so all existing utilities adapt automatically. */
 @media (prefers-color-scheme: dark) {
   :root, :host {
+    color-scheme: dark;
+
     /* Neutrals — invert the gray scale */
     --color-white: oklch(14.5% 0.015 260);
     --color-black: oklch(98% 0.002 248);
@@ -91,4 +93,17 @@
     /* Amber */
     --color-amber-400: oklch(80% 0.17 84);
   }
+
+  /* Form elements — inherit the dark palette */
+  input, textarea, select {
+    background-color: var(--color-gray-50);
+    color: var(--color-gray-900);
+    border-color: var(--color-gray-200);
+  }
+  input::placeholder, textarea::placeholder {
+    color: var(--color-gray-400);
+  }
+  input:focus, textarea:focus, select:focus {
+    border-color: var(--color-green-300);
+  }
 }