Stream A: DW brand theme — Instrument Sans + IBM Plex Mono, light/dark mode, all hardcoded colors replaced

- Replace Solar Momentum palette with DiligenceWorks brand identity
- Typography: Outfit → Instrument Sans, Plus Jakarta Sans → IBM Plex Mono (data/stats)
- CSS variables: --orange* → --accent*, new DW blue #2952CC / #6B9BFF
- Dark mode: prefers-color-scheme media query + manual data-theme override
- Border radii: 14/10/20px → 8/6/12px (professional, less playful)
- Font weights: 800/900 → 600/700 (DW uses lighter weights)
- Fixed 30+ hardcoded hex values across 16 files (UI-06)
- Gate banners, progress bars, category chips all use CSS variables
This commit is contained in:
Claude 2026-06-21 23:12:25 +00:00
parent 83e715dbc4
commit c075eb9257
16 changed files with 240 additions and 140 deletions

View file

@ -24,7 +24,7 @@ export default function WeekView() {
<h1 className="page-title">This Week</h1>
{/* Summary hero */}
<div className="card" style={{ textAlign: 'center', background: 'var(--purple-ghost)' }}>
<div className="card" style={{ textAlign: 'center', background: 'var(--accent-bg)' }}>
<div className="section-label">Weekly Total</div>
<div style={{ fontFamily: 'var(--font-display)', fontSize: '2.6rem', fontWeight: 900, letterSpacing: '-0.03em' }}>
{week.total_points_earned}
@ -68,7 +68,7 @@ export default function WeekView() {
}}>
<div style={{
width: '38px', fontWeight: isToday ? 800 : 600, fontSize: '0.85rem',
color: isToday ? 'var(--orange)' : 'var(--text)',
color: isToday ? 'var(--accent)' : 'var(--text)',
}}>
{days[i]}
</div>