← All docs
Themes

Themes and gloss

XOSC ships with ten themes — eight dark, two light:

  • Solder — default. Amber on graphite.
  • Phosphor — terminal green on near-black.
  • Blueprint — cyan on deep navy.
  • Sodium — orange / yellow under tungsten.
  • Rack — neutral graphite, scarlet accent.
  • Console — chartreuse on jet black.
  • Vapor — magenta / cyan retrowave.
  • Obsidian — emerald on near-black.
  • Bone (light) — warm cream + rust.
  • Newsprint (light) — cream + indigo.
Pick one in Settings. Theme switches apply instantly.

Custom theme

The Custom theme editor lives below the theme grid in Settings. Pick six
seed colors:

  • Background — canvas + app shell
  • Surface — panels, nodes, inspector
  • Accent — selected state, focus rings, edges
  • Accent 2 — secondary highlights
  • Text — primary readable color
  • Border — panel and node outlines
Everything else (surface 2/3, border-strong, text-dim/mute, glows, status colors) is mechanically derived so the result stays internally consistent. Light vs. dark mode auto-detects from the background luminance.

The editor live-applies on every change — there's no "apply" step. Click a
swatch to open your OS color picker, or paste a hex string into the field.
Reset clears the custom theme and falls back to whichever built-in
themeId was last selected. From {themeId} loads the current built-in's
seed colors into the editor as a starting point.

The custom theme persists in xosc.config.json under settings.customTheme.

Gloss

The Gloss intensity slider scales every highlight, inner shadow, and glow
on every glossy surface. At 0 the UI looks matte and modern; at 1.5 it's
positively wet. Adjust to taste.