feat: Implement initial UI design system, theming, and classroom learning page.

This commit is contained in:
supalerk-ar66 2026-01-27 11:31:08 +07:00
parent 8b403f906a
commit 90d50dc84a
4 changed files with 78 additions and 21 deletions

View file

@ -58,11 +58,14 @@
/* Dark Mode (applied when `.dark` class is present on <html>) */
.dark {
--bg-body: #0f172a;
--bg-surface: #1e293b; /* User requested specific color */
/* Deep Oceanic 3-Level Surfaces */
--bg-body: #020617; /* Slate 950: Deep Sea */
--bg-surface: #0f172a; /* Slate 900: Sidebar/Main Cards */
--bg-elevated: #1e293b; /* Slate 800: Inner Cards/Highlights */
--text-main: #f8fafc; /* text-slate-50: Brighter white for main text */
--text-secondary: #cbd5e1; /* text-slate-300: Lighter grey for secondary text */
--border-color: #334155; /* border-slate-700: Higher contrast border */
--text-secondary: #94a3b8; /* text-slate-300: Lighter grey for secondary text */
--border-color: rgba(255, 255, 255, 0.08); /* White with low opacity for subtle borders */
--neutral-50: #1e293b;
--neutral-100: #334155;
--neutral-200: #475569;