shuding / nextra

Simple, powerful and flexible site generation framework with everything you love from Next.js.

Home Page:https://nextra.site

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Navigation Buttons not highlighting on Hover | Darkmode

arno-fukuda opened this issue · comments

Screenshot 2024-05-01 at 14 23 13

On dark-mode, the navigation elements don't change color upon hover due to the darkmode css having higher specificity:

:is(html[class~=dark] .dark\:nx-text-gray-300)

Can potentially workaround by using !important here:

.hover\:nx-text-primary-600:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) 45% / var(--tw-text-opacity)) !important;
}