@ozankurt/context-menu

Theming

The same menu, on the same list, under three themes. Each theme is one CSS block that sets nothing but custom properties on .ctx-menu: no library rule is overridden, no selector is fought with and there is not an !important anywhere.

Pick a theme, then right click a track

Menu theme
Late shift
The active theme, in full soft

            

Every library rule lives inside @layer ctx-menu, so an unlayered rule in your own stylesheet beats it whatever its specificity. That is why theming never needs !important. If your application puts its own rules in a layer, order yours last: @layer ctx-menu, app;