Skip to content

Commit efd7d73

Browse files
committed
Add shadcn CSS variables for tooltip styling
- Added --color-popover and --color-popover-foreground for tooltip backgrounds - Added --color-input for border-input utility - Added --color-ring for focus ring styling - Added --color-muted-foreground for muted text - Added --color-accent-foreground for text on accent backgrounds These variables are required by shadcn/ui components and ensure tooltips have proper backgrounds, borders, and styling.
1 parent 526498f commit efd7d73

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

src/styles/globals.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,16 @@
3333
--color-foreground: hsl(0 0% 83%);
3434
--color-secondary: hsl(0 0% 42%);
3535

36+
/* Popover (for tooltips, dropdowns, etc.) */
37+
--color-popover: hsl(0 0% 18%);
38+
--color-popover-foreground: hsl(0 0% 83%);
39+
40+
/* Shadcn required variables */
41+
--color-input: hsl(240 2% 25%); /* border-input - same as border */
42+
--color-ring: hsl(207 100% 40%); /* focus ring - uses accent */
43+
--color-muted-foreground: hsl(0 0% 60%); /* muted text */
44+
--color-accent-foreground: hsl(0 0% 98%); /* white text on accent */
45+
3646
/* Code */
3747
--color-code-bg: hsl(0 6.43% 8.04%);
3848

0 commit comments

Comments
 (0)