Skip to content

v0.16.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 20 May 00:55
· 4 commits to main since this release
v0.16.0
d9a5801 
feat(v0.16.0): light / dark theme toggle

Add a ☀/☾ button in the TopBar that flips between dark (existing) and
light themes. Choice is persisted to localStorage and applied via a
data-theme attribute on <html> at mount.

Approach is var-based rather than a full per-component refactor:
  - src/index.css declares semantic CSS vars for bg / text / border under
    [data-theme=dark] (default) and [data-theme=light]
  - root + body bg+color and scrollbar thumb pull from the vars
  - a light-mode override block at the bottom of index.css remaps the
    existing hardcoded dark Tailwind classes (bg-[#0b0d10], text-white/...,
    border-white/..., bg-white/[0.04], hover:bg-white/...) to light-mode
    equivalents so every existing component renders sensibly without
    code changes

This keeps the change surface minimal. Subtle accent colors (emerald,
amber, rose) keep their hue in both themes.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Assets 5
Loading