Phase 5c: CSS layers and light theme

Browse Source

- html/css split into tokens.css (custom properties), base.css (reset,
  typography, focus, skip link), components.css (buttons, inputs, tables,
  status cards, popups, menu, log lines) and layout.css (shell, sidebar,
  header, breakpoints); screen.css removed. Selectors and declarations
  moved as-is; three pairs of conflicting rules resolved in favour of the
  one that already won the cascade, two empty rules dropped.
- Every literal colour outside tokens.css is now a token (category badge
  borders excepted). color-scheme set so native controls follow.
- Light theme under prefers-color-scheme: light, with explicit
  data-theme="light"/"dark" overrides on :root for a future toggle.
  Body text 13.6:1, muted text 5.4:1, accent 5.1:1 on the light background.
- HTML: lang="en" everywhere, one h1 per page, maintenance page uses
  <main>, an id typo fixed.

...

This commit is contained in:

nathan

2026-09-26 13:34:51 +10:00

parent 0b7a54d7da

commit 3532679235

15 changed files with 1275 additions and 932 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

ts/authentication_ts.ts → ts/authentication.ts

ts/base_ts.ts → ts/base.ts

ts/configuration_ts.ts → ts/configuration.ts

ts/logs_ts.ts → ts/logs.ts

ts/network_ts.ts → ts/network.ts

ts/settings_ts.ts → ts/settings.ts