Spaces:
Running
Running
File size: 5,247 Bytes
5a0e691 f42f5a6 5a0e691 627ac39 5a0e691 76fb273 f42f5a6 627ac39 f42f5a6 627ac39 f42f5a6 627ac39 f42f5a6 627ac39 f42f5a6 627ac39 f42f5a6 627ac39 f42f5a6 76fb273 627ac39 76fb273 627ac39 f42f5a6 627ac39 f42f5a6 76fb273 627ac39 76fb273 627ac39 76fb273 627ac39 76fb273 627ac39 f42f5a6 627ac39 f42f5a6 76fb273 627ac39 76fb273 5a0e691 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 | import type { Config } from 'tailwindcss';
const config: Config = {
darkMode: 'class',
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
void: '#04040A',
surface: {
0: '#080812',
1: '#0D0D1A',
2: '#111122',
3: '#151528',
},
'accent-cyan': '#00F5D4',
'accent-purple': '#8B5CF6',
'accent-amber': '#F59E0B',
'text-primary': '#F0F0FF',
'text-secondary': '#8890AA',
'text-muted': '#4A4F6A',
glass: 'rgba(100,110,180,0.07)',
'glass-hover': 'rgba(100,110,180,0.13)',
'glass-border': 'rgba(100,110,180,0.12)',
'glass-border-bright': 'rgba(0,245,212,0.2)',
base: {
50: '#f8fafc',
100: '#f1f5f9',
200: '#e2e8f0',
300: '#cbd5e1',
400: '#94a3b8',
500: '#64748b',
600: '#475569',
700: '#334155',
800: '#1e293b',
900: '#0f172a',
950: '#020617',
},
border: {
DEFAULT: 'rgba(100,110,180,0.12)',
subtle: 'rgba(100,110,180,0.07)',
bright: 'rgba(0,245,212,0.2)',
},
accent: {
DEFAULT: '#00F5D4',
dim: 'rgba(0,245,212,0.15)',
hover: '#00dbbe',
},
confidence: {
high: '#00F5D4',
medium: '#F59E0B',
low: '#EF4444',
},
error: {
DEFAULT: '#EF4444',
dim: 'rgba(239,68,68,0.15)',
},
},
fontFamily: {
display: ['Space Grotesk', 'sans-serif'],
body: ['Inter', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
sans: ['Inter', 'sans-serif'],
},
boxShadow: {
'glow-cyan': '0 0 20px rgba(0,245,212,0.2), 0 0 60px rgba(0,245,212,0.08)',
'glow-purple': '0 0 20px rgba(139,92,246,0.2), 0 0 60px rgba(139,92,246,0.08)',
'glow-amber': '0 0 20px rgba(245,158,11,0.2)',
'glass-sm': '0 2px 16px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04)',
'glass-md': '0 4px 32px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04)',
'glass-lg': '0 8px 48px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.05)',
'nav-active': 'inset 2px 0 0 #00F5D4',
},
backgroundImage: {
'grid-subtle':
'linear-gradient(rgba(100,110,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(100,110,255,0.05) 1px, transparent 1px)',
'radial-vignette':
'radial-gradient(ellipse 80% 80% at 50% 50%, transparent 25%, rgba(4,4,10,0.65) 70%, rgba(4,4,10,0.97) 100%)',
'gradient-cyan-purple':
'linear-gradient(135deg, #00F5D4 0%, #8B5CF6 100%)',
'gradient-surface':
'linear-gradient(180deg, #080812 0%, #04040A 100%)',
},
backgroundSize: {
grid: '50px 50px',
},
animation: {
'float': 'float 6s ease-in-out infinite',
'float-slow': 'float 9s ease-in-out infinite',
'glow-pulse': 'glow-pulse 3s ease-in-out infinite',
'spin-slow': 'spin 20s linear infinite',
'scan': 'scan 2.5s ease-in-out infinite',
'slide-up': 'slideUp 0.5s ease-out forwards',
'fade-in': 'fadeIn 0.5s ease-out forwards',
fadeUp: 'fadeUp 0.6s ease-out forwards',
typewriter: 'typewriter 3s steps(40) forwards',
blink: 'blink 0.75s step-end infinite',
pulse: 'pulse 2s cubic-bezier(0.4,0,0.6,1) infinite',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0px)' },
'50%': { transform: 'translateY(-12px)' },
},
'glow-pulse': {
'0%, 100%': { opacity: '0.5' },
'50%': { opacity: '1' },
},
scan: {
'0%': { transform: 'translateY(-100%)' },
'100%': { transform: 'translateY(200%)' },
},
slideUp: {
from: { opacity: '0', transform: 'translateY(16px)' },
to: { opacity: '1', transform: 'translateY(0)' },
},
fadeIn: {
from: { opacity: '0' },
to: { opacity: '1' },
},
fadeUp: {
from: { opacity: '0', transform: 'translateY(20px)' },
to: { opacity: '1', transform: 'translateY(0)' },
},
typewriter: {
from: { width: '0' },
to: { width: '100%' },
},
blink: {
'0%, 100%': { opacity: '1' },
'50%': { opacity: '0' },
},
},
maxWidth: {
content: '1280px',
},
borderRadius: {
'2xl': '1rem',
'3xl': '1.25rem',
'4xl': '1.5rem',
},
transitionTimingFunction: {
'spring': 'cubic-bezier(0.25, 0.1, 0.25, 1)',
'out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)',
},
},
},
plugins: [],
};
export default config;
|