Mission Control Dashboard - Initial implementation
This commit is contained in:
50
tailwind.config.js
Normal file
50
tailwind.config.js
Normal file
@@ -0,0 +1,50 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: [
|
||||
"./index.html",
|
||||
"./src/**/*.{js,ts,jsx,tsx}",
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
background: {
|
||||
DEFAULT: '#0A0A0F',
|
||||
lighter: '#12121A',
|
||||
lighter2: '#1A1A24',
|
||||
},
|
||||
grid: {
|
||||
blueprint: 'rgba(59, 130, 246, 0.08)',
|
||||
},
|
||||
glass: {
|
||||
DEFAULT: 'rgba(26, 26, 36, 0.7)',
|
||||
border: 'rgba(255, 255, 255, 0.08)',
|
||||
},
|
||||
agent: {
|
||||
active: '#22c55e',
|
||||
blocked: '#ef4444',
|
||||
thinking: '#eab308',
|
||||
idle: '#6b7280',
|
||||
completed: '#3b82f6',
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
'pulse-glow': 'pulse-glow 2s ease-in-out infinite',
|
||||
'flow': 'flow 3s linear infinite',
|
||||
},
|
||||
keyframes: {
|
||||
'pulse-glow': {
|
||||
'0%, 100%': { opacity: '1', boxShadow: '0 0 20px currentColor' },
|
||||
'50%': { opacity: '0.7', boxShadow: '0 0 40px currentColor' },
|
||||
},
|
||||
'flow': {
|
||||
'0%': { strokeDashoffset: '100' },
|
||||
'100%': { strokeDashoffset: '0' },
|
||||
},
|
||||
},
|
||||
backdropBlur: {
|
||||
xs: '2px',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
Reference in New Issue
Block a user