Skip to content GitHub
Guide contents
English View source

Themes

English · Español

Themes

CyberClock uses a single sober structural palette (deep navy surfaces, neutral text) with color entering only through a configurable accent tint: glows, borders, highlights and a subtle ambient kiss on the panels.


Available Accent Tints

10 presets, all normalized to a shared luminance/saturation band so no accent can wash out the interface:

Tint Description
Ice (default) Pale ice over deep navy
Cyan Quiet tropical cyan
Azure Muted cornflower blue
Mint Soft spearmint green
Sage Gentle sage green
Gold Soft candlelight gold
Amber Warm sandy amber
Coral Muted coral
Rose Dusty pink
Violet Powdery lavender

How It Works

  • Tints are derived from a single seed color by the accent tint engine (src/shared/tint.js), then applied through CSS custom properties: every surface, border, glow and toggle follows the accent automatically.
  • Settings saved with the old 5-skin theme system migrate automatically to their heir tint.
  • Pick your tint in Settings › Appearance › Accent Tint; the change applies live across every window (clock, mini, menus, About).
← All documentation