UI: Added section-aware light-mode styling to main dashboard header icons (Gold for Pro Tier, Cyan for AI Coach)
This commit is contained in:
@@ -28,8 +28,8 @@ export default function HeatmapPage() {
|
||||
<div className="flex items-start justify-between gap-4 flex-wrap">
|
||||
<div>
|
||||
<h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-2">
|
||||
<span className="p-2.5 rounded-xl bg-amber-500/10 border border-amber-500/20">
|
||||
<Flame className="text-amber-500" size={28} />
|
||||
<span className="p-2.5 rounded-xl bg-cyan-50 dark:bg-[#00F0FF]/10 border border-cyan-300/60 dark:border-[#00F0FF]/20">
|
||||
<Flame className="text-cyan-700 dark:text-[#00F0FF]" size={28} />
|
||||
</span>
|
||||
Mistake Heatmap Vault
|
||||
</h1>
|
||||
@@ -37,7 +37,7 @@ export default function HeatmapPage() {
|
||||
Visual density map of your errors across subjects and topics — pinpoint your weakest areas instantly.
|
||||
</p>
|
||||
</div>
|
||||
<span className="text-xs font-bold uppercase tracking-wider text-amber-500 bg-amber-500/10 border border-amber-500/20 px-3 py-1.5 rounded-full flex items-center gap-1.5 shrink-0 self-start">
|
||||
<span className="text-xs font-bold uppercase tracking-wider text-amber-500 bg-cyan-50 dark:bg-[#00F0FF]/10 border border-cyan-300/60 dark:border-[#00F0FF]/20 px-3 py-1.5 rounded-full flex items-center gap-1.5 shrink-0 self-start">
|
||||
<AlertTriangle size={12} /> Error Density Analysis
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user