fix: replace shadow-accent/20 with shadow-indigo-500/20 in Tailwind input

claude · claude · commit aedfce4c1d99 · 2026-03-17T15:15:49.000Z
CSS variable-based colors (accent = var(--color-accent)) don't support Tailwind's /opacity modifier in @apply directives. Use the concrete indigo-500 color for the shadow opacity instead. https://claude.ai/code/session_01WJEjfBqjZaGatHiXXXDupo
diff --git a/static/css/input.css b/static/css/input.css
@@ -83,7 +83,7 @@
   }
   .btn-primary {
     @apply btn bg-accent text-white hover:bg-accent-hover
-           focus:ring-accent shadow-sm hover:shadow-md hover:shadow-accent/20;
+           focus:ring-accent shadow-sm hover:shadow-md hover:shadow-indigo-500/20;
   }
   .btn-secondary {
     @apply btn bg-surface text-fg-body hover:bg-surface-alt

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@`
`83`	`83`	`}`
`84`	`84`	`.btn-primary {`
`85`	`85`	`@apply btn bg-accent text-white hover:bg-accent-hover`
`86`		`- focus:ring-accent shadow-sm hover:shadow-md hover:shadow-accent/20;`
	`86`	`+ focus:ring-accent shadow-sm hover:shadow-md hover:shadow-indigo-500/20;`
`87`	`87`	`}`
`88`	`88`	`.btn-secondary {`
`89`	`89`	`@apply btn bg-surface text-fg-body hover:bg-surface-alt`