feat: Implement core application layout, global styling, dark mode, and essential UI components.

This commit is contained in:
supalerk-ar66 2026-01-26 12:59:19 +07:00
parent 84e4d478c7
commit a2ce1d79a2
7 changed files with 87 additions and 67 deletions

View file

@ -7,8 +7,8 @@
=========================== */
:root {
/* Colors - Light Mode Default */
--bg-body: #f8fafc; /* Light Background */
--bg-surface: #ffffff; /* White Card Background */
--bg-body: #f8fafc;
--bg-surface: #ffffff;
--text-main: #0f172a; /* Dark Text */
--text-secondary: #64748b; /* Secondary Text */
--primary: #3b82f6; /* Primary Blue */
@ -60,9 +60,9 @@
.dark {
--bg-body: #0f172a;
--bg-surface: #1e293b; /* User requested specific color */
--text-main: #f1f5f9;
--text-secondary: #cbd5e1;
--border-color: #334155;
--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 */
--neutral-50: #1e293b;
--neutral-100: #334155;
--neutral-200: #475569;