← changelog

augment-itchangelog/2026-05-21_06_Three-Mode-Theme-System.md

Light, dark, vibrant — augment-it adopts the Lossless theme religion

augment-it had its colours hardcoded as hex scattered across five CSS surfaces. Now it has a theme system: a shared @augment-it/theme package with one theme.css holding a two-tier token architecture and three mode blocks, a mode-switcher, and a sun/moon/star toggle in the shell chrome. Light, dark, and vibrant all work across both federated remotes — switched by one data-mode attribute on a shared <html>. The Astro Knots theme blueprint, adapted for a non-Astro, non-Tailwind, federated app.

  • Augment-It
  • Theme-System
  • Three-Mode-Contract
  • Two-Tier-Tokens
  • Light-Dark-Vibrant
  • CSS-Custom-Properties
  • Module-Federation
  • Design-Tokens