feat: tailwind CSS + design system Gruvbox seventies intégré

- Ajoute postcss.config.js et tailwind.config.ts avec tokens CSS mappés
- Copie tokens.css dans frontend/src/design-system/
- Met à jour index.css avec import tokens + directives Tailwind
- Adapte ui-kit.jsx en ui-kit.tsx (UMD → ESM, exports nommés)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-24 05:19:33 +02:00
co-authored by Claude Sonnet 4.6
parent 1877963f15
commit 137213241b
5 changed files with 930 additions and 1 deletions
+38
View File
@@ -0,0 +1,38 @@
import type { Config } from 'tailwindcss'
export default {
content: ['./index.html', './src/**/*.{ts,tsx}'],
theme: {
extend: {
colors: {
accent: 'var(--accent)',
'accent-soft': 'var(--accent-soft)',
'bg-0': 'var(--bg-0)',
'bg-1': 'var(--bg-1)',
'bg-2': 'var(--bg-2)',
'bg-3': 'var(--bg-3)',
'bg-4': 'var(--bg-4)',
'bg-5': 'var(--bg-5)',
'ink-1': 'var(--ink-1)',
'ink-2': 'var(--ink-2)',
'ink-3': 'var(--ink-3)',
'ink-4': 'var(--ink-4)',
ok: 'var(--ok)',
warn: 'var(--warn)',
err: 'var(--err)',
info: 'var(--info)',
blue: 'var(--blue)',
purple: 'var(--purple)',
},
fontFamily: {
ui: ['Inter', 'system-ui', 'sans-serif'],
mono: ['"JetBrains Mono"', 'monospace'],
terminal: ['"Share Tech Mono"', 'monospace'],
},
minHeight: {
touch: '48px',
},
},
},
plugins: [],
} satisfies Config