Docs / Using CLI Launcher

Theming

CLI Launcher ships with light and dark themes that follow your system and remember your choice.

Switching themes

Use the sun/moon toggle in the top bar to switch instantly. Your selection is stored locally, so it persists across launches. On first run, CLI Launcher respects your operating system's appearance setting.

How it works

Themes are driven by a single dark class on the document root. All colors resolve from CSS custom properties defined in style.css, so the app, this site, and the marketing page all share one consistent, flat design language.

:root {
  --background: #f0f0f0;
  --foreground: #333333;
  /* … */
}
html.dark {
  --background: #1a1a1a;
  --foreground: #d9d9d9;
  /* … */
}

Customizing

Because every color is a variable, you can re-skin CLI Launcher by overriding a handful of tokens in your own stylesheet — no build step required. The most useful ones:

--background / --foreground — base canvas and text.
--card — surfaces like the agent rows and panels.
--primary — emphasized buttons and active states.
--border / --border-strong — hairlines and flat shadows.
--accent-soft — hover backgrounds.

One design system

The same tokens power the in-app UI, the hero demo on the homepage, and these docs — change them once and the whole product follows.