Tetardtek
25733ee3db
- Tailwind v3 + PostCSS + autoprefixer - BrowserRouter with Layout shell (Header, theme toggle dark/light) - Pages: HomePage, CallbackPage (SuperOAuth callback handler) - hooks/useAuth.ts + lib/api.ts (API client base) - styles/index.css (Tailwind directives) - Theme persisted in localStorage (od-theme)
41 lines
1.7 KiB
CSS
41 lines
1.7 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* ─── Void Dark (défaut) ─────────────────────────────────────────────────── */
|
|
:root,
|
|
[data-theme="dark"] {
|
|
--od-bg: #0a0a0d; /* fond principal — quasi-noir cool */
|
|
--od-surface: #111115; /* panneaux, cartes */
|
|
--od-surface-hi: #191920; /* survol, éléments élevés */
|
|
--od-border: #222228; /* séparateurs subtils */
|
|
--od-text: #dddde8; /* texte principal */
|
|
--od-muted: #62626e; /* texte secondaire, labels */
|
|
--od-accent: #d4a853; /* or chaud — premium */
|
|
--od-accent-dim: #a07830; /* survol accent */
|
|
--od-crit: #d95f5f; /* erreurs */
|
|
--od-ok: #5fc875; /* succès */
|
|
}
|
|
|
|
/* ─── Void Light ─────────────────────────────────────────────────────────── */
|
|
[data-theme="light"] {
|
|
--od-bg: #f2f2f5;
|
|
--od-surface: #ffffff;
|
|
--od-surface-hi: #e8e8ee;
|
|
--od-border: #d0d0da;
|
|
--od-text: #14141a;
|
|
--od-muted: #6a6a78;
|
|
--od-accent: #a07830;
|
|
--od-accent-dim: #7a5c20;
|
|
--od-crit: #c04040;
|
|
--od-ok: #3aa855;
|
|
}
|
|
|
|
/* ─── Base ───────────────────────────────────────────────────────────────── */
|
|
body {
|
|
background-color: var(--od-bg);
|
|
color: var(--od-text);
|
|
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|