Remove blue outline, ensure hover state is visible in dark mode

2025-08-28 14:08:16 -05:00
parent e1dfe17d0e
commit 0ffaf75c32
1 changed files with 6 additions and 2 deletions
@@ -1,9 +1,9 @@
@layer components {
  .input:is(.fizzy-menu-trigger) {
-    --input-border-color: var(--color-selected-dark);
+    --input-background: var(--color-canvas);
+    --input-border-color: transparent;
    --input-padding: 0.2em 2em 0.2em 0.9em;

-    background-color: var(--color-canvas);
    inline-size: auto;
    margin-block-start: 0.1em;

@@ -14,6 +14,10 @@
    @media (any-hover: hover) {
      &:hover {
        filter: brightness(0.9);
+
+        @media (prefers-color-scheme: dark) {
+          --input-background: var(--color-ink-lighter);
+        }
      }
    }