highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-11 07:56:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: increase dark mode tooltip lightness for better visibility

Browse Source 
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.
This commit is contained in:
Claude
2026-01-21 21:41:51 +00:00
parent 7f450bc260
commit ba80f7944d
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.css
View File

@@ -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 */

6
src/lib/themes/builtin/dark.ts
View File

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