diff --git a/src/index.css b/src/index.css
index a4644e1..a6d4f1a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -134,7 +134,7 @@
     --highlight: 27 96% 61%;
 
     /* Tooltip colors */
-    --tooltip: 217.2 32.6% 17.5%;
+    --tooltip: 217.2 32.6% 30%;
     --tooltip-foreground: 210 40% 98%;
 
     /* Syntax highlighting */
diff --git a/src/lib/themes/builtin/dark.ts b/src/lib/themes/builtin/dark.ts
index e0f0498..0950733 100644
--- a/src/lib/themes/builtin/dark.ts
+++ b/src/lib/themes/builtin/dark.ts
@@ -50,9 +50,9 @@ export const darkTheme: Theme = {
     // UI highlight (active user, self-references)
     highlight: "27 96% 61%", // orange-400 (original color)
 
-    // Tooltip colors (high contrast for visibility)
-    tooltip: "217.2 32.6% 17.5%", // Dark blue-gray (same as secondary)
-    tooltipForeground: "210 40% 98%", // Light (high contrast with dark tooltip)
+    // Tooltip colors (lighter for visibility against dark background)
+    tooltip: "217.2 32.6% 30%", // Medium blue-gray (lighter than secondary for contrast)
+    tooltipForeground: "210 40% 98%", // Light (high contrast with tooltip)
   },
 
   syntax: {