diff --git a/apps/web/src/app/App.tsx b/apps/web/src/app/App.tsx
index edddca14..9597e0d5 100644
--- a/apps/web/src/app/App.tsx
+++ b/apps/web/src/app/App.tsx
@@ -859,8 +859,8 @@ const NotebookTreeItem = ({
           "group flex h-9 items-center gap-1 rounded-md px-2 text-sm transition",
           selected ? "border border-emerald-200 bg-emerald-100 text-emerald-950" : "text-slate-700 hover:bg-emerald-50",
           dropPosition === "inside" && "ring-2 ring-emerald-300",
-          dropPosition === "before" && "shadow-[inset_0_2px_0_0_#34d399]",
-          dropPosition === "after" && "shadow-[inset_0_-2px_0_0_#34d399]"
+          dropPosition === "before" && "shadow-[inset_0_2px_0_0_#627f58]",
+          dropPosition === "after" && "shadow-[inset_0_-2px_0_0_#627f58]"
         )}
         draggable
         onDragStart={(event) => {
diff --git a/apps/web/src/components/ui/button.tsx b/apps/web/src/components/ui/button.tsx
index 1407eb2a..09296749 100644
--- a/apps/web/src/components/ui/button.tsx
+++ b/apps/web/src/components/ui/button.tsx
@@ -10,8 +10,8 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 
 const variantClassName: Record<ButtonVariant, string> = {
-  solid: "bg-emerald-100 text-emerald-950 hover:bg-emerald-200 border-emerald-200",
-  soft: "bg-emerald-50 text-emerald-950 hover:bg-emerald-100 border-emerald-100",
+  solid: "bg-emerald-700 text-white hover:bg-emerald-800 border-emerald-700",
+  soft: "bg-emerald-50 text-emerald-950 hover:bg-emerald-100 border-emerald-200",
   ghost: "bg-transparent text-emerald-800 hover:bg-emerald-50 hover:text-emerald-950 border-transparent",
   outline: "bg-white text-emerald-900 hover:bg-emerald-50 border-emerald-200",
   danger: "bg-rose-50 text-rose-700 hover:bg-rose-100 border-rose-100",
diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
index 48266488..c4ef649b 100644
--- a/apps/web/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -20,8 +20,8 @@ body,
 body {
   margin: 0;
   background:
-    linear-gradient(180deg, rgba(240, 253, 244, 0.98), rgba(236, 253, 245, 0.98)),
-    #f0fdf4;
+    linear-gradient(180deg, rgba(247, 248, 244, 0.98), rgba(239, 243, 235, 0.98)),
+    #f6f7f3;
   color: #0f172a;
   overscroll-behavior: none;
 }
@@ -81,29 +81,29 @@ textarea {
 
 .ProseMirror blockquote {
   margin: 0 0 1rem;
-  border-left: 3px solid #34d399;
+  border-left: 3px solid #627f58;
   padding: 0.1rem 0 0.1rem 1rem;
   color: #475569;
-  background: #ecfdf5;
+  background: #f4f6f1;
 }
 
 .ProseMirror code {
-  border: 1px solid #d1fae5;
+  border: 1px solid #cdd9c5;
   border-radius: 5px;
-  background: #ecfdf5;
+  background: #f4f6f1;
   padding: 0.08rem 0.28rem;
   font-size: 0.9em;
-  color: #064e3b;
+  color: #293b2b;
 }
 
 .ProseMirror pre {
   margin: 0 0 1rem;
   overflow-x: auto;
-  border: 1px solid #d1fae5;
+  border: 1px solid #cdd9c5;
   border-radius: 8px;
-  background: #0f172a;
+  background: #13231a;
   padding: 0.9rem 1rem;
-  color: #ecfdf5;
+  color: #edf3e9;
 }
 
 .ProseMirror pre code {
@@ -116,7 +116,7 @@ textarea {
 .ProseMirror hr {
   margin: 1.5rem 0;
   border: 0;
-  border-top: 1px solid #a7f3d0;
+  border-top: 1px solid #a9bea0;
 }
 
 .ProseMirror img {
@@ -124,12 +124,12 @@ textarea {
   max-width: 100%;
   height: auto;
   margin: 1rem 0;
-  border: 1px solid #d1fae5;
+  border: 1px solid #cdd9c5;
   border-radius: 8px;
 }
 
 .ProseMirror img.ProseMirror-selectednode {
-  outline: 2px solid #34d399;
+  outline: 2px solid #627f58;
   outline-offset: 3px;
 }
 
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index ee447f74..e26e6bbf 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -19,7 +19,22 @@ export default {
         ],
       },
       boxShadow: {
-        panel: "0 1px 2px rgb(15 23 42 / 0.08), 0 12px 30px rgb(15 23 42 / 0.06)",
+        panel: "0 1px 2px rgb(15 23 42 / 0.07), 0 14px 34px rgb(36 56 39 / 0.08)",
+      },
+      colors: {
+        emerald: {
+          50: "#f4f6f1",
+          100: "#e5ebdf",
+          200: "#cdd9c5",
+          300: "#a9bea0",
+          400: "#819c76",
+          500: "#627f58",
+          600: "#4b6545",
+          700: "#394f37",
+          800: "#293b2b",
+          900: "#1c2b20",
+          950: "#101a13",
+        },
       },
     },
   },
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index 5efe6eb9..e621e860 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -17,8 +17,8 @@ export default defineConfig({
         start_url: "/",
         scope: "/",
         display: "standalone",
-        background_color: "#f0fdf4",
-        theme_color: "#d1fae5",
+        background_color: "#f6f7f3",
+        theme_color: "#394f37",
         lang: "zh-CN",
         categories: ["productivity", "utilities"],
         icons: [