2026-05-12 10:28:12 -06:00
|
|
|
import type { Config } from 'tailwindcss'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
|
|
|
darkMode: 'class',
|
|
|
|
|
theme: {
|
feat: dashboard visual overhaul — amber/blue/danger accents, Inter + JetBrains Mono, sharp corners, tighter density
- Tailwind config: semantic color tokens (amber/blue/danger), borderRadius all zero except full, Inter + JetBrains Mono font families
- index.css: Google Fonts imports, sharp scrollbar, scanline card texture, amber-glow utility
- Dashboard.tsx: three-color accent system (amber primary, blue informational, danger alerts), Inter for labels/prose, JetBrains Mono strictly for data values, all rounded corners removed, tighter spacing (p-4 cards, gap-4 grids, space-y-2 lists), underline-style tabs with amber active indicator, band condition dot indicators, source status dots remapped to semantic colors, StatCard supports per-instance value coloring, 36px minimum touch targets on interactive elements
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-10 07:19:38 +00:00
|
|
|
borderRadius: {
|
|
|
|
|
none: '0',
|
|
|
|
|
DEFAULT: '0',
|
|
|
|
|
sm: '0',
|
|
|
|
|
md: '0',
|
|
|
|
|
lg: '0',
|
|
|
|
|
xl: '0',
|
|
|
|
|
'2xl': '0',
|
|
|
|
|
full: '9999px',
|
|
|
|
|
},
|
2026-05-12 10:28:12 -06:00
|
|
|
extend: {
|
|
|
|
|
colors: {
|
|
|
|
|
bg: {
|
2026-06-10 14:37:33 +00:00
|
|
|
DEFAULT: '#111111',
|
|
|
|
|
card: '#0d0d0d',
|
|
|
|
|
hover: '#161616',
|
|
|
|
|
elevated: '#1a1a1a',
|
2026-05-12 10:28:12 -06:00
|
|
|
},
|
|
|
|
|
border: {
|
2026-06-10 14:37:33 +00:00
|
|
|
DEFAULT: '#1e1e1e',
|
|
|
|
|
light: '#222222',
|
|
|
|
|
bright: '#2a2a2a',
|
feat: dashboard visual overhaul — amber/blue/danger accents, Inter + JetBrains Mono, sharp corners, tighter density
- Tailwind config: semantic color tokens (amber/blue/danger), borderRadius all zero except full, Inter + JetBrains Mono font families
- index.css: Google Fonts imports, sharp scrollbar, scanline card texture, amber-glow utility
- Dashboard.tsx: three-color accent system (amber primary, blue informational, danger alerts), Inter for labels/prose, JetBrains Mono strictly for data values, all rounded corners removed, tighter spacing (p-4 cards, gap-4 grids, space-y-2 lists), underline-style tabs with amber active indicator, band condition dot indicators, source status dots remapped to semantic colors, StatCard supports per-instance value coloring, 36px minimum touch targets on interactive elements
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-10 07:19:38 +00:00
|
|
|
},
|
2026-06-10 14:37:33 +00:00
|
|
|
accent: {
|
feat: dashboard visual overhaul — amber/blue/danger accents, Inter + JetBrains Mono, sharp corners, tighter density
- Tailwind config: semantic color tokens (amber/blue/danger), borderRadius all zero except full, Inter + JetBrains Mono font families
- index.css: Google Fonts imports, sharp scrollbar, scanline card texture, amber-glow utility
- Dashboard.tsx: three-color accent system (amber primary, blue informational, danger alerts), Inter for labels/prose, JetBrains Mono strictly for data values, all rounded corners removed, tighter spacing (p-4 cards, gap-4 grids, space-y-2 lists), underline-style tabs with amber active indicator, band condition dot indicators, source status dots remapped to semantic colors, StatCard supports per-instance value coloring, 36px minimum touch targets on interactive elements
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-10 07:19:38 +00:00
|
|
|
DEFAULT: '#f59e0b',
|
|
|
|
|
dim: '#d97706',
|
2026-06-10 14:37:33 +00:00
|
|
|
muted: 'rgba(245,158,11,0.12)',
|
feat: dashboard visual overhaul — amber/blue/danger accents, Inter + JetBrains Mono, sharp corners, tighter density
- Tailwind config: semantic color tokens (amber/blue/danger), borderRadius all zero except full, Inter + JetBrains Mono font families
- index.css: Google Fonts imports, sharp scrollbar, scanline card texture, amber-glow utility
- Dashboard.tsx: three-color accent system (amber primary, blue informational, danger alerts), Inter for labels/prose, JetBrains Mono strictly for data values, all rounded corners removed, tighter spacing (p-4 cards, gap-4 grids, space-y-2 lists), underline-style tabs with amber active indicator, band condition dot indicators, source status dots remapped to semantic colors, StatCard supports per-instance value coloring, 36px minimum touch targets on interactive elements
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-10 07:19:38 +00:00
|
|
|
},
|
|
|
|
|
slate: {
|
|
|
|
|
100: '#f1f5f9',
|
|
|
|
|
200: '#e2e8f0',
|
|
|
|
|
300: '#cbd5e1',
|
|
|
|
|
400: '#94a3b8',
|
|
|
|
|
500: '#64748b',
|
|
|
|
|
600: '#475569',
|
|
|
|
|
700: '#334155',
|
2026-05-12 10:28:12 -06:00
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
fontFamily: {
|
feat: dashboard visual overhaul — amber/blue/danger accents, Inter + JetBrains Mono, sharp corners, tighter density
- Tailwind config: semantic color tokens (amber/blue/danger), borderRadius all zero except full, Inter + JetBrains Mono font families
- index.css: Google Fonts imports, sharp scrollbar, scanline card texture, amber-glow utility
- Dashboard.tsx: three-color accent system (amber primary, blue informational, danger alerts), Inter for labels/prose, JetBrains Mono strictly for data values, all rounded corners removed, tighter spacing (p-4 cards, gap-4 grids, space-y-2 lists), underline-style tabs with amber active indicator, band condition dot indicators, source status dots remapped to semantic colors, StatCard supports per-instance value coloring, 36px minimum touch targets on interactive elements
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-06-10 07:19:38 +00:00
|
|
|
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
|
2026-05-12 10:28:12 -06:00
|
|
|
mono: ['JetBrains Mono', 'monospace'],
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [],
|
|
|
|
|
} satisfies Config
|