Skip to content

Commit bbda494

Browse files
committed
Fix Tailwind v4 @theme syntax for light theme
Tailwind CSS v4's @theme directive doesn't support nested selectors. Use standard CSS selector [data-theme='light'] { } instead.
1 parent 0a0d979 commit bbda494

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/browser/styles/globals.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,8 @@
190190
--color-error-bg-dark: hsl(0 33% 13%); /* #3c1f1f - dark error bg */
191191

192192

193-
[data-theme="light"] @theme {
193+
/* Light theme overrides using standard CSS selector */
194+
[data-theme="light"] {
194195
/* Mode Colors - Keep hue, adjust lightness for light backgrounds */
195196
--color-plan-mode: hsl(210 80% 45%);
196197
--color-plan-mode-hover: hsl(210 80% 38%);

0 commit comments

Comments
 (0)