chore: polish dark styles
This commit is contained in:
parent
98eaff1277
commit
e1888153f8
3 changed files with 32 additions and 32 deletions
|
|
@ -48,10 +48,7 @@ export const Tag: React.FC<TagProps> = ({ "data-tag": dataTag, children, classNa
|
|||
|
||||
return (
|
||||
<span
|
||||
className={cn(
|
||||
"inline-block w-auto text-primary cursor-pointer transition-colors hover:text-primary/80",
|
||||
className,
|
||||
)}
|
||||
className={cn("inline-block w-auto text-primary cursor-pointer transition-colors hover:text-primary/80", className)}
|
||||
data-tag={tag}
|
||||
{...props}
|
||||
onClick={handleTagClick}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,10 @@ export const Link = ({ children, className, href, node: _node, ...props }: LinkP
|
|||
href={href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className={cn("text-primary underline decoration-primary/50 underline-offset-2 transition-colors hover:decoration-primary", className)}
|
||||
className={cn(
|
||||
"text-primary underline decoration-primary/50 underline-offset-2 transition-colors hover:decoration-primary",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
|
|
|
|||
|
|
@ -1,36 +1,36 @@
|
|||
:root {
|
||||
--background: oklch(0.2 0.003 270);
|
||||
--foreground: oklch(0.92 0.005 270);
|
||||
--card: oklch(0.23 0.003 270);
|
||||
--card-foreground: oklch(0.92 0.005 270);
|
||||
--popover: oklch(0.23 0.003 270);
|
||||
--popover-foreground: oklch(0.9 0.005 270);
|
||||
--primary: oklch(0.6 0.08 250);
|
||||
--primary-foreground: oklch(0.2 0.003 270);
|
||||
--secondary: oklch(0.27 0.005 270);
|
||||
--secondary-foreground: oklch(0.88 0.004 270);
|
||||
--muted: oklch(0.25 0.005 270);
|
||||
--muted-foreground: oklch(0.75 0.004 270);
|
||||
--accent: oklch(0.3 0.008 270);
|
||||
--accent-foreground: oklch(0.8 0.003 270);
|
||||
--destructive: oklch(0.55 0.1 25);
|
||||
--destructive-foreground: oklch(0.92 0.005 270);
|
||||
--border: oklch(0.33 0.005 270);
|
||||
--input: oklch(0.37 0.008 270);
|
||||
--ring: oklch(0.6 0.08 250);
|
||||
--background: oklch(0.1 0.003 270);
|
||||
--foreground: oklch(0.9 0.003 270);
|
||||
--card: oklch(0.15 0.003 270);
|
||||
--card-foreground: oklch(0.9 0.003 270);
|
||||
--popover: oklch(0.15 0.003 270);
|
||||
--popover-foreground: oklch(0.9 0.003 270);
|
||||
--primary: oklch(0.58 0.12 250);
|
||||
--primary-foreground: oklch(0.98 0.003 270);
|
||||
--secondary: oklch(0.2 0.005 270);
|
||||
--secondary-foreground: oklch(0.9 0.003 270);
|
||||
--muted: oklch(0.16 0.005 270);
|
||||
--muted-foreground: oklch(0.58 0.003 270);
|
||||
--accent: oklch(0.22 0.008 270);
|
||||
--accent-foreground: oklch(0.9 0.003 270);
|
||||
--destructive: oklch(0.55 0.15 25);
|
||||
--destructive-foreground: oklch(0.98 0.003 270);
|
||||
--border: oklch(0.22 0.005 270);
|
||||
--input: oklch(0.22 0.008 270);
|
||||
--ring: oklch(0.58 0.12 250);
|
||||
--chart-1: oklch(0.65 0.12 30);
|
||||
--chart-2: oklch(0.65 0.12 260);
|
||||
--chart-3: oklch(0.58 0.1 120);
|
||||
--chart-4: oklch(0.62 0.12 300);
|
||||
--chart-5: oklch(0.7 0.15 60);
|
||||
--sidebar: oklch(0.17 0.002 270);
|
||||
--sidebar-foreground: oklch(0.8 0.003 270);
|
||||
--sidebar-primary: oklch(0.6 0.08 250);
|
||||
--sidebar-primary-foreground: oklch(0.2 0.003 270);
|
||||
--sidebar-accent: oklch(0.3 0.008 270);
|
||||
--sidebar-accent-foreground: oklch(0.8 0.003 270);
|
||||
--sidebar-border: oklch(0.33 0.005 270);
|
||||
--sidebar-ring: oklch(0.6 0.08 250);
|
||||
--sidebar: oklch(0.12 0.002 270);
|
||||
--sidebar-foreground: oklch(0.85 0.003 270);
|
||||
--sidebar-primary: oklch(0.58 0.12 250);
|
||||
--sidebar-primary-foreground: oklch(0.98 0.003 270);
|
||||
--sidebar-accent: oklch(0.22 0.008 270);
|
||||
--sidebar-accent-foreground: oklch(0.9 0.003 270);
|
||||
--sidebar-border: oklch(0.22 0.005 270);
|
||||
--sidebar-ring: oklch(0.58 0.12 250);
|
||||
--font-sans:
|
||||
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
|
|
|
|||
Loading…
Reference in a new issue