fix: Fix menu item variants (#3042)

SuaYoo · web-flow · commit 36209e5ce785 · 2025-12-02T14:20:06.000-08:00
## Changes

Fixes colors of menu item custom variants.
diff --git a/frontend/src/theme.stylesheet.css b/frontend/src/theme.stylesheet.css
@@ -248,11 +248,15 @@
   }
 
   /* Add menu item variants */
-  .menu-item-success {
+  sl-option.menu-item-success,
+  sl-menu-item.menu-item-success,
+  btrix-menu-item-link.menu-item-success {
     @apply part-[base]:text-success part-[base]:hover:bg-success-50 part-[base]:hover:text-success-700 part-[base]:focus-visible:bg-success-50;
   }
 
-  .menu-item-danger {
+  sl-option.menu-item-danger,
+  sl-menu-item.menu-item-danger,
+  btrix-menu-item-link.menu-item-danger {
     @apply part-[base]:text-danger part-[base]:hover:bg-danger-50 part-[base]:hover:text-danger-700 part-[base]:focus-visible:bg-danger-50;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -248,11 +248,15 @@`
`248`	`248`	`}`
`249`	`249`
`250`	`250`	`/* Add menu item variants */`
`251`		`- .menu-item-success {`
	`251`	`+ sl-option.menu-item-success,`
	`252`	`+ sl-menu-item.menu-item-success,`
	`253`	`+ btrix-menu-item-link.menu-item-success {`
`252`	`254`	`@apply part-[base]:text-success part-[base]:hover:bg-success-50 part-[base]:hover:text-success-700 part-[base]:focus-visible:bg-success-50;`
`253`	`255`	`}`
`254`	`256`
`255`		`- .menu-item-danger {`
	`257`	`+ sl-option.menu-item-danger,`
	`258`	`+ sl-menu-item.menu-item-danger,`
	`259`	`+ btrix-menu-item-link.menu-item-danger {`
`256`	`260`	`@apply part-[base]:text-danger part-[base]:hover:bg-danger-50 part-[base]:hover:text-danger-700 part-[base]:focus-visible:bg-danger-50;`
`257`	`261`	`}`
`258`	`262`