AssertionError: expected '\n /* Dark mode keeps the app chrome…' to contain '--background: 222 6% 9%;' - Expected + Received - --background: 222 6% 9%; + + /* Dark mode keeps the app chrome quiet and reserves larger contrast jumps + for focus, hover, and floating UI. */ + --background: 222 7% 10%; + --foreground: 220 6% 94%; + --muted: 222 7% 13%; + --muted-foreground: 220 6% 68%; + --accent: 222 7% 17%; + --accent-foreground: 220 6% 94%; + --popover: 222 7% 16%; + --popover-foreground: 220 6% 94%; + --border: 222 6% 24%; + + --primary: 0 0% 98%; + --primary-foreground: 0 0% 9%; + + --destructive: 0 65% 58%; + --destructive-foreground: 0 0% 100%; + --success: 145 50% 55%; + --success-foreground: 0 0% 100%; + --warning: 32 85% 55%; + --warning-foreground: 0 0% 100%; + --info: 217 80% 65%; + --info-foreground: 0 0% 100%; + + --md-heading: 0 0% 96%; + --ui-ribbon: 222 7% 7%; + --diagram-surface: 222 7% 8%; + + --elev-1: 0 1px 2px 0 rgba(0, 0, 0, 0.36); + --elev-2: + inset 0 1px 0 hsl(0 0% 100% / 0.05), + 0 4px 14px -3px rgba(0, 0, 0, 0.48), + 0 1px 3px rgba(0, 0, 0, 0.36); + --elev-3: + inset 0 1px 0 hsl(0 0% 100% / 0.07), + 0 12px 32px -8px rgba(0, 0, 0, 0.62), + 0 2px 6px rgba(0, 0, 0, 0.42); + } + + @layer base { + select { + appearance: none; + -webkit-appearance: none; + background-color: hsl(var(--background)); + color: hsl(var(--foreground)); + border-color: hsl(var(--border)); + padding-right: 2rem; + background-image: + linear-gradient(45deg, transparent 50%, hsl(var(--muted-foreground)) 50%), + linear-gradient( + 135deg, + hsl(var(--muted-foreground)) 50%, + transparent 50% + ), + linear-gradient(to right, transparent, transparent); + background-position: + calc(100% - 16px) 52%, + calc(100% - 12px) 52%, + 100% 0; + background-size: + 4px 4px, + 4px 4px, + 2.5rem 2.5rem; + background-repeat: no-repeat; ❯ src/styles/globals.test.ts:26:23