---
id: 22
title: "Theming: Light mode CSS custom properties"
assignee: claude
tags: [theming, ui]
created: 2025-02-10
completed: 2025-02-10
---

## Description
Define a complete set of light mode CSS custom properties to complement the existing dark theme. The current `:root` block defines dark colors (`--bg-base: #101014`, etc.). Add a `[data-theme="light"]` selector with a full light palette.

## Acceptance Criteria
- [ ] Add `[data-theme="light"]` CSS block with all variables from `:root` remapped to light values
- [ ] Light palette feels cohesive — warm whites, soft grays, readable contrast ratios (WCAG AA)
- [ ] Column accent colors (config-driven) remain legible on light backgrounds
- [ ] All UI elements (modals, cards, inputs, borders, scrollbars, kbd hints) look correct in light mode
- [ ] No hardcoded color values outside CSS variables that break in light mode

## Notes
