proposal-system/web/src/theme.ts at 95ed4d46cea826807d13697c07d4c03bd2c5da0d - adam/proposal-system - Sea Haven Git

adam/proposal-system

mirror of https://github.com/Sea-Haven-Industries/proposal-system.git synced 2026-09-30 22:53:13 +00:00

Adam Moussa 8ce2a5cd8f

feat(web): adopt SHOC design system and shell layout (ADR 0003) (#221 )

Port shoc-frontend-new dev's design system with its CSS-variable
single-token-source mechanism:

- src/styles/theme.css: SHOC token file ported verbatim (Montserrat/
  DM Sans/JetBrains Mono, primary #1c75bc, navy #262262, full radius/
  shadow/sidebar/header token layers); fonts self-hosted via @fontsource
- src/lib/theme/{css-vars,mui-theme}.ts: getCssVar -> createTheme
  adapter mirroring SHOC's mui-theme.ts (palette, typography, shadows
  tuple, component overrides; MUI v9 slot renames expressed as class
  selectors); theme.ts is now a re-export
- Shell: SHOC composition (sidebar column + sticky gradient topbar +
  scrolling main); sidebar 244px/76px collapse with brand header row,
  grouped nav, SHOC active treatment (white card + 3px accent bar);
  topbar 100-degree gradient, surface hamburger, gradient avatar pill
- Brand: SeahavenMark + BrandLockup ported (Tailwind re-expressed as
  sx; wordmark subtitle localized to PROPOSAL SYSTEM)
- Login: SHOC auth-card treatment (centered 384px card on #f9fafb)
- Old "Sea Haven Ops" Inter/#2563EB theme and Nunito remnants removed;
  remaining hardcoded hexes replaced with tokens; lucide-react for
  shell/nav icons per SHOC convention

Verify: tsc clean, 26/26 vitest, vite build OK; Playwright screenshots
pixel-sampled against the extracted SHOC spec (all hard values exact,
no blocking deviations).

2026-07-13 19:06:51 -04:00

4 lines

259 B

TypeScript

Raw Blame History

 // Sea Haven design system (ADR 0003) — SHOC dev token port.
 // Tokens live in src/styles/theme.css (single source of truth);
 // src/lib/theme/mui-theme.ts is the getCssVar → createTheme adapter.
 export { muiTheme as theme } from './lib/theme/mui-theme';