Ryan Salazar (via Claude)
52fe7bceb6
Replace the four accent-family hex codes site-wide with the teal palette (keeps the dark theme; only swaps the accent family, not the dark base): #3b82f6 (accent primary CTA) → #5B7C8D (teal) [839×] #2563eb (accent-dark / hover) → #4A6473 (darker teal) [44×] #60a5fa (info link, lighter) → #8FB0C3 (mid teal) [68×] #1e3a5f (accent-muted bg) → #2F4F5F (navy) [44×] tailwind.config.js tokens updated to match (accent/accent-dark/accent-muted). Sweep also covers tailwind.css. 108 files touched. The dark base (#0d0d0d, #111, #161616, #1a1a1a etc.) is intentionally untouched. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
64 lines
1.8 KiB
JavaScript
64 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#0d0d0d',
|
|
secondary: '#161616',
|
|
accent: '#5B7C8D',
|
|
'accent-dark': '#4A6473',
|
|
'accent-muted': '#2F4F5F',
|
|
'accent-red': '#cc0000',
|
|
'accent-red-dark': '#aa0000',
|
|
background: '#111111',
|
|
card: '#1a1a1a',
|
|
foreground: '#e8e8e8',
|
|
muted: '#888888',
|
|
border: '#2a2a2a',
|
|
'navy-mid': '#1e1e1e',
|
|
'navy-light': '#222222',
|
|
'ice-blue': '#1a2535',
|
|
'top-bar': '#1a2535',
|
|
'sub-nav': '#161c28',
|
|
},
|
|
fontFamily: {
|
|
heading: ['Georgia', 'serif'],
|
|
body: ['Arial', 'Helvetica', 'sans-serif'],
|
|
mono: ['Courier New', 'monospace'],
|
|
},
|
|
maxWidth: {
|
|
container: '1200px',
|
|
},
|
|
boxShadow: {
|
|
card: '0 1px 4px rgba(0, 0, 0, 0.5)',
|
|
'card-hover': '0 4px 16px rgba(0, 0, 0, 0.6)',
|
|
nav: '0 2px 8px rgba(0, 0, 0, 0.5)',
|
|
},
|
|
keyframes: {
|
|
'fade-in': {
|
|
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
'page-enter': {
|
|
'0%': { opacity: '0', transform: 'translateY(6px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
shimmer: {
|
|
'0%': { backgroundPosition: '-200% 0' },
|
|
'100%': { backgroundPosition: '200% 0' },
|
|
},
|
|
},
|
|
animation: {
|
|
'fade-in': 'fade-in 0.35s ease forwards',
|
|
'page-enter': 'page-enter 0.4s ease forwards',
|
|
shimmer: 'shimmer 1.6s infinite linear',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}; |