Commit 363bc9f4 authored by Steven's avatar Steven

fix(web): add missing tag styles and unify primary color across themes

Tags were missing CSS styles, appearing as plain text. Added text-primary
styling to Tag component and updated default theme primary color to match
other themes (blue hue 250, chroma 0.08) for consistency.

Fixes #5282

🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: 's avatarClaude <noreply@anthropic.com>
parent 5a16f800
...@@ -61,7 +61,11 @@ export const Tag: React.FC<TagProps> = ({ "data-tag": dataTag, children, classNa ...@@ -61,7 +61,11 @@ export const Tag: React.FC<TagProps> = ({ "data-tag": dataTag, children, classNa
return ( return (
<span <span
{...props} {...props}
className={cn("inline-block w-auto", context.disableFilter ? "" : "cursor-pointer hover:opacity-80 transition-colors", className)} className={cn(
"inline-block w-auto text-primary",
context.disableFilter ? "" : "cursor-pointer hover:opacity-80 transition-colors",
className,
)}
data-tag={tag} data-tag={tag}
onClick={handleTagClick} onClick={handleTagClick}
> >
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
--card-foreground: oklch(0.1908 0.002 106.5859); --card-foreground: oklch(0.1908 0.002 106.5859);
--popover: oklch(1 0 0); --popover: oklch(1 0 0);
--popover-foreground: oklch(0.2671 0.0196 98.939); --popover-foreground: oklch(0.2671 0.0196 98.939);
--primary: oklch(0.3918 0.0127 286.3); --primary: oklch(0.45 0.08 250);
--primary-foreground: oklch(0.9818 0.0054 95.0986); --primary-foreground: oklch(0.9818 0.0054 95.0986);
--secondary: oklch(0.9245 0.0138 92.9892); --secondary: oklch(0.9245 0.0138 92.9892);
--secondary-foreground: oklch(0.4334 0.0177 98.6048); --secondary-foreground: oklch(0.4334 0.0177 98.6048);
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
--destructive-foreground: oklch(0.95 0.005 250); --destructive-foreground: oklch(0.95 0.005 250);
--border: oklch(0.8847 0.0069 97.3627); --border: oklch(0.8847 0.0069 97.3627);
--input: oklch(0.7621 0.0156 98.3528); --input: oklch(0.7621 0.0156 98.3528);
--ring: oklch(0.5937 0.1673 253.063); --ring: oklch(0.45 0.08 250);
--chart-1: oklch(0.5583 0.1276 42.9956); --chart-1: oklch(0.5583 0.1276 42.9956);
--chart-2: oklch(0.6898 0.1581 290.4107); --chart-2: oklch(0.6898 0.1581 290.4107);
--chart-3: oklch(0.8816 0.0276 93.128); --chart-3: oklch(0.8816 0.0276 93.128);
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
--chart-5: oklch(0.5608 0.1348 42.0584); --chart-5: oklch(0.5608 0.1348 42.0584);
--sidebar: oklch(0.9663 0.008 98.8792); --sidebar: oklch(0.9663 0.008 98.8792);
--sidebar-foreground: oklch(0.359 0.0051 106.6524); --sidebar-foreground: oklch(0.359 0.0051 106.6524);
--sidebar-primary: oklch(0.3918 0.0127 286.3); --sidebar-primary: oklch(0.45 0.08 250);
--sidebar-primary-foreground: oklch(0.9818 0.0054 95.0986); --sidebar-primary-foreground: oklch(0.9818 0.0054 95.0986);
--sidebar-accent: oklch(0.9245 0.0138 92.9892); --sidebar-accent: oklch(0.9245 0.0138 92.9892);
--sidebar-accent-foreground: oklch(0.325 0 0); --sidebar-accent-foreground: oklch(0.325 0 0);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment