:root { --primary: #3385ff; --primary-foreground: #ffffff; --ring: #3385ff; } .dark { --primary: #3385ff; --primary-foreground: #ffffff; --ring: #3385ff; /* Match b2core dark surfaces */ --background: #14181f; --foreground: #ffffff; --card: #1b2028; --card-foreground: #ffffff; --popover: #1b2028; --popover-foreground: #ffffff; --secondary: #252c37; --secondary-foreground: #ffffff; --muted: #252c37; --muted-foreground: #878d95; --accent: #252c37; --accent-foreground: #ffffff; --border: #333d4c; --input: #333d4c; } /* index.html ships an unlayered anti-FOUC rule `.dark body { background-color: hsl(240 10% 4%) }` that otherwise wins over the layered `bg-background` utility and pins the page to the default near black. This runtime theme.css is appended last in , so re-point body at the client `--background` (b2core surface) with equal specificity. */ .dark body { background-color: var(--background); }