Files
remote-rig/tailwind.config.js
T
overseer 5793617be3
otto/review PR approved by Otto - frontend scaffold verified clean
ci/build Build + type-check + lint verified clean
CUB-194: scaffold Vite + React + TypeScript + Tailwind frontend
- Initialize Vite project with React + TypeScript + Tailwind CSS
- Dark theme dashboard design (rig-dark palette, rig-accent colors)
- Minimal App with RemoteRig header + 'Dashboard coming soon' placeholder
- Directory structure: components, hooks, services, types, utils
- TypeScript types for Camera, CameraFeed, SystemHealth, StreamConfig
- Custom hooks: useCameraStatus, useSystemHealth (with mock data)
- API service layer with proxy config for /api → localhost:8080
- eslint, postcss, autoprefixer configured
- lucide-react icons integrated (Camera icon)
- .env.example, .gitignore, tsconfig basepaths configured
- Build + type-check + lint verified clean
2026-05-19 07:31:52 -04:00

41 lines
921 B
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
darkMode: 'class',
theme: {
extend: {
colors: {
// Dark dashboard palette
'rig-dark': {
50: '#f3f4f6',
100: '#e5e7eb',
200: '#d1d5db',
300: '#9ca3af',
400: '#6b7280',
500: '#4b5563',
600: '#374151',
700: '#1f2937',
800: '#111827',
900: '#030712',
},
'rig-accent': {
DEFAULT: '#22d3ee',
light: '#67e8f9',
dark: '#06b6d4',
},
'rig-danger': '#ef4444',
'rig-success': '#22c55e',
'rig-warning': '#eab308',
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
},
},
plugins: [],
}