website refactor
This commit is contained in:
@@ -10,37 +10,38 @@ module.exports = {
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
backgroundImage: {
|
||||
'radial-gradient': 'radial-gradient(var(--tw-gradient-stops))',
|
||||
},
|
||||
colors: {
|
||||
'graphite-black': '#0C0D0F',
|
||||
'panel-gray': '#141619',
|
||||
'border-gray': '#23272B',
|
||||
'primary-accent': '#198CFF',
|
||||
'telemetry-aqua': '#4ED4E0',
|
||||
'warning-amber': '#FFBE4D',
|
||||
'success-green': '#6FE37A',
|
||||
'critical-red': '#E35C5C',
|
||||
// Legacy mappings for compatibility during transition
|
||||
'deep-graphite': '#0C0D0F',
|
||||
'iron-gray': '#141619',
|
||||
'charcoal-outline': '#23272B',
|
||||
'primary-blue': '#198CFF',
|
||||
'performance-green': '#6FE37A',
|
||||
'racing-red': '#E35C5C',
|
||||
// Theme-aligned colors using CSS variables
|
||||
'base-black': 'var(--color-base)',
|
||||
'surface-charcoal': 'var(--color-surface)',
|
||||
'outline-steel': 'var(--color-outline)',
|
||||
'primary-accent': 'var(--color-primary)',
|
||||
'telemetry-aqua': 'var(--color-telemetry)',
|
||||
'warning-amber': 'var(--color-warning)',
|
||||
'success-green': 'var(--color-success)',
|
||||
'critical-red': 'var(--color-critical)',
|
||||
|
||||
// Legacy mappings for compatibility
|
||||
'deep-graphite': 'var(--color-base)',
|
||||
'iron-gray': 'var(--color-surface)',
|
||||
'charcoal-outline': 'var(--color-outline)',
|
||||
'primary-blue': 'var(--color-primary)',
|
||||
'performance-green': 'var(--color-success)',
|
||||
'racing-red': 'var(--color-critical)',
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||||
},
|
||||
boxShadow: {
|
||||
'card': '0 4px 12px rgba(0, 0, 0, 0.2)',
|
||||
'focus': '0 0 0 4px var(--color-focus-ring)',
|
||||
},
|
||||
transitionDuration: {
|
||||
'smooth': '150ms',
|
||||
},
|
||||
transitionTimingFunction: {
|
||||
'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)',
|
||||
'racing': 'cubic-bezier(0.16, 1, 0.3, 1)',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user