From ba80f7944dd17391fcd42e7098c26f5af4787694 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 21 Jan 2026 21:41:51 +0000
Subject: [PATCH] fix: increase dark mode tooltip lightness for better
 visibility

Dark mode tooltips were too dark (17.5% lightness) against the very dark
background (4.9% lightness), making the tooltip box hard to distinguish.

Changes:
- Increased dark mode tooltip lightness from 17.5% to 30%
- This provides ~6:1 contrast ratio between tooltip and background
- Tooltip box now clearly visible against dark background
- Text contrast remains excellent (light text on medium-dark background)

The tooltip now stands out properly while maintaining high text readability.
---
 src/index.css                  | 2 +-
 src/lib/themes/builtin/dark.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

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: {