@@ -40,15 +40,18 @@ p, a, li, span {
4040: where (.btn-ghost ): focus-visible ,
4141: where (.menu li > a ): hover ,
4242: where (.menu li > details > summary ): hover {
43- background-color : color-mix (in oklab, currentColor 7% , transparent) !important ;
44- border-color : color-mix (in oklab, currentColor 14% , transparent) !important ;
45- box-shadow : 0 10px 28px rgb (0 0 0 / 12% );
43+ background-color : color-mix (in oklab, var (--color-base-content , # e5eef8 ) 7% , transparent) !important ;
44+ border-color : color-mix (in oklab, var (--color-base-content , # e5eef8 ) 13% , transparent) !important ;
45+ box-shadow :
46+ 0 12px 30px rgb (0 0 0 / 14% ),
47+ inset 0 1px 0 rgb (255 255 255 / 6% );
4648}
4749
4850.soft-hover : focus-visible ,
4951: where (.btn-ghost ): focus-visible ,
5052: where (.menu li > a ): focus-visible ,
5153: where (.menu li > details > summary ): focus-visible {
52- outline : 2px solid color-mix (in oklab, currentColor 35 % , transparent);
54+ outline : 2px solid color-mix (in oklab, var ( --color-base-content , # e5eef8 ) 28 % , transparent);
5355 outline-offset : 3px ;
5456}
57+
0 commit comments