mirror of
https://github.com/MrFadiAi/openclaw-manager.git
synced 2026-08-14 00:57:59 +00:00
97 lines
2.5 KiB
JavaScript
97 lines
2.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// OpenClaw brand colors
|
|
claw: {
|
|
50: '#fef3f2',
|
|
100: '#fee4e2',
|
|
200: '#ffccc7',
|
|
300: '#ffa8a0',
|
|
400: '#ff7a6b',
|
|
500: '#f94d3a', // Primary color - Lobster Red
|
|
600: '#e63024',
|
|
700: '#c1241a',
|
|
800: '#a02119',
|
|
900: '#84221c',
|
|
950: '#480d09',
|
|
},
|
|
// Dark theme background
|
|
dark: {
|
|
900: '#0a0a0b',
|
|
800: '#111113',
|
|
700: '#1a1a1d',
|
|
600: '#242428',
|
|
500: '#2e2e33',
|
|
400: '#3d3d44',
|
|
},
|
|
// Accent colors
|
|
accent: {
|
|
cyan: '#22d3ee',
|
|
purple: '#a78bfa',
|
|
green: '#4ade80',
|
|
amber: '#fbbf24',
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'SF Pro Display',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'PingFang SC',
|
|
'Hiragino Sans GB',
|
|
'Microsoft YaHei',
|
|
'sans-serif',
|
|
],
|
|
mono: [
|
|
'SF Mono',
|
|
'JetBrains Mono',
|
|
'Fira Code',
|
|
'Menlo',
|
|
'monospace',
|
|
],
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
'slide-down': 'slideDown 0.3s ease-out',
|
|
'fade-in': 'fadeIn 0.2s ease-out',
|
|
},
|
|
keyframes: {
|
|
glow: {
|
|
'0%': { boxShadow: '0 0 5px rgba(249, 77, 58, 0.5)' },
|
|
'100%': { boxShadow: '0 0 20px rgba(249, 77, 58, 0.8)' },
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(10px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
slideDown: {
|
|
'0%': { transform: 'translateY(-10px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
},
|
|
boxShadow: {
|
|
'glow-claw': '0 0 30px rgba(249, 77, 58, 0.3)',
|
|
'glow-cyan': '0 0 30px rgba(34, 211, 238, 0.3)',
|
|
'glow-green': '0 0 30px rgba(74, 222, 128, 0.3)',
|
|
'inner-light': 'inset 0 1px 0 0 rgba(255, 255, 255, 0.05)',
|
|
},
|
|
backdropBlur: {
|
|
xs: '2px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|