From e1888153f8c9ac51ad3f9f830b7e5d88eca09540 Mon Sep 17 00:00:00 2001
From: Johnny <johnnyjoygg@gmail.com>
Date: Mon, 26 Jan 2026 21:59:36 +0800
Subject: [PATCH] chore: polish dark styles

---
 web/src/components/MemoContent/Tag.tsx        |  5 +-
 .../components/MemoContent/markdown/Link.tsx  |  5 +-
 web/src/themes/default-dark.css               | 54 +++++++++----------
 3 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/web/src/components/MemoContent/Tag.tsx b/web/src/components/MemoContent/Tag.tsx
index 71a2d6336..966a90418 100644
--- a/web/src/components/MemoContent/Tag.tsx
+++ b/web/src/components/MemoContent/Tag.tsx
@@ -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}
diff --git a/web/src/components/MemoContent/markdown/Link.tsx b/web/src/components/MemoContent/markdown/Link.tsx
index 99fd2be1e..d305fdaf7 100644
--- a/web/src/components/MemoContent/markdown/Link.tsx
+++ b/web/src/components/MemoContent/markdown/Link.tsx
@@ -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}
diff --git a/web/src/themes/default-dark.css b/web/src/themes/default-dark.css
index 3f79a70a9..e0943ca71 100644
--- a/web/src/themes/default-dark.css
+++ b/web/src/themes/default-dark.css
@@ -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";