feat(frontend): scaffold Tailwind design system + routing + auth callback

- 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)
2026-03-14 07:15:19 +01:00
parent f3e392ff1b
commit 25733ee3db
15 changed files with 1304 additions and 4 deletions
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -0,0 +1,31 @@
+import type { Config } from 'tailwindcss';
+
+// Design system "Void" — palette custom OriginsDigital
+// Les couleurs sont définies comme variables CSS dans src/styles/index.css
+// → thème sombre/clair géré via data-theme="dark|light" sur <html>
+export default {
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
+  theme: {
+    extend: {
+      colors: {
+        od: {
+          bg:           'var(--od-bg)',
+          surface:      'var(--od-surface)',
+          'surface-hi': 'var(--od-surface-hi)',
+          border:       'var(--od-border)',
+          text:         'var(--od-text)',
+          muted:        'var(--od-muted)',
+          accent:       'var(--od-accent)',
+          'accent-dim': 'var(--od-accent-dim)',
+          crit:         'var(--od-crit)',
+          ok:           'var(--od-ok)',
+        },
+      },
+      fontFamily: {
+        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+        mono: ['"JetBrains Mono"', '"Fira Code"', 'ui-monospace', 'monospace'],
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;