naman_panwar_gnpl/pragativeer-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: set cyan to rgb(12, 96, 96) for light theme only, keeping dark theme neon cyan and standard lightcyan/darkcyan

Browse Source
This commit is contained in:
ectasy663
2026-09-20 13:23:06 +05:30
parent 3adfc9b0fd
commit 9f6010dfac
3 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/globals.css
View File

@@ -25,6 +25,12 @@
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
/* Cyan palette mappings */
--color-cyan: var(--cyan);
--color-cyan-500: var(--cyan);
--color-lightcyan: var(--lightcyan);
--color-darkcyan: var(--darkcyan);
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
}
@@ -45,7 +51,8 @@
--muted: #f5f5f5;
--muted-foreground: #737373;
/* Cyan AI accent — deep teal in light mode, neon cyan in dark mode */
/* Cyan AI accent — rgb(12, 96, 96) ONLY for light mode */
--cyan: rgb(12, 96, 96);
--cyan-ai: rgb(12, 96, 96);
--cyan-ai-10: rgba(12, 96, 96, 0.10);
--cyan-ai-20: rgba(12, 96, 96, 0.20);
@@ -53,6 +60,10 @@
--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);
/* Standard lightcyan and darkcyan remain identical/untouched */
--lightcyan: #e0ffff;
--darkcyan: #008b8b;
}
.dark {
@@ -72,6 +83,7 @@
--muted-foreground: #a3a3a3;
/* Cyan AI accent — neon cyan in dark mode */
--cyan: #00F0FF;
--cyan-ai: #00F0FF;
--cyan-ai-10: rgba(0, 240, 255, 0.10);
--cyan-ai-20: rgba(0, 240, 255, 0.20);
@@ -79,6 +91,10 @@
--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);
/* Standard lightcyan and darkcyan remain identical/untouched */
--lightcyan: #e0ffff;
--darkcyan: #008b8b;
}
body {

4
src/components/TierBadge.tsx
View File

@@ -1,4 +1,4 @@
import { Badge } from "@/components/ui/badge"
import { Badge } from "@/components/ui/badge"
interface TierBadgeProps {
tier: "Free" | "Pro" | "AI Coach"
@@ -14,7 +14,7 @@ export function TierBadge({ tier }: TierBadgeProps) {
}
return (
<Badge className="text-xs font-semibold uppercase tracking-wider bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 border-cyan-500/20 hover:bg-cyan-500/20 transition-colors shadow-none dark:shadow-[0_0_10px_-2px_var(--cyan-ai)]">
<Badge className="text-xs font-semibold uppercase tracking-wider bg-cyan-500/10 text-[var(--cyan)] dark:text-cyan-400 border-cyan-500/20 hover:bg-cyan-500/20 transition-colors shadow-none dark:shadow-[0_0_10px_-2px_var(--cyan-ai)]">
AI Coach
</Badge>
)