theming

chrome ships a dark-only theme. init writes a fenced block into your globals.css:

/* @chrome:theme */
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  ...
}
:root, .dark {
  --background: #000000;
  --foreground: #ffffff;
  --surface:    #0a0a0a;
  --border:     rgba(255,255,255,0.12);
  ...
}
/* @chrome:end */

edit any token freely — re-running init only replaces the fenced block, leaving your edits outside it untouched.