design: cyan -> rgb(12,96,96) in light theme, #00F0FF stays in dark theme
- globals.css: add --cyan-ai CSS variable (rgb(12,96,96) light / #00F0FF dark) + opacity variants --cyan-ai-10/20/30/40/50/80 - Bulk replace all #00F0FF hardcoded Tailwind arbitrary values with var(--cyan-ai) / var(--cyan-ai-10) / etc across 55+ TSX/TS files - Shadow glow colours also updated (suppressed by box-shadow:none in light mode) - TypeScript: 0 errors
This commit is contained in:
@@ -44,6 +44,15 @@
|
||||
--accent-foreground: #171717;
|
||||
--muted: #f5f5f5;
|
||||
--muted-foreground: #737373;
|
||||
|
||||
/* Cyan AI accent — deep teal in light mode, neon cyan in dark mode */
|
||||
--cyan-ai: rgb(12, 96, 96);
|
||||
--cyan-ai-10: rgba(12, 96, 96, 0.10);
|
||||
--cyan-ai-20: rgba(12, 96, 96, 0.20);
|
||||
--cyan-ai-30: rgba(12, 96, 96, 0.30);
|
||||
--cyan-ai-40: rgba(12, 96, 96, 0.40);
|
||||
--cyan-ai-50: rgba(12, 96, 96, 0.50);
|
||||
--cyan-ai-80: rgba(12, 96, 96, 0.80);
|
||||
}
|
||||
|
||||
.dark {
|
||||
@@ -61,6 +70,15 @@
|
||||
--accent-foreground: #0a0a0a;
|
||||
--muted: #171717;
|
||||
--muted-foreground: #a3a3a3;
|
||||
|
||||
/* Cyan AI accent — neon cyan in dark mode */
|
||||
--cyan-ai: #00F0FF;
|
||||
--cyan-ai-10: rgba(0, 240, 255, 0.10);
|
||||
--cyan-ai-20: rgba(0, 240, 255, 0.20);
|
||||
--cyan-ai-30: rgba(0, 240, 255, 0.30);
|
||||
--cyan-ai-40: rgba(0, 240, 255, 0.40);
|
||||
--cyan-ai-50: rgba(0, 240, 255, 0.50);
|
||||
--cyan-ai-80: rgba(0, 240, 255, 0.80);
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user