Hover Style 'Colored Background' and 'Colored Text' not working

[jjroelofs]

Summary

In DXPR Theme 8.0.0, the Hover Style options "Colored Background" and "Colored Text" in the header menu settings have no visible effect on hover.

Steps to reproduce

1. Go to Appearance > DXPR Theme settings > Header
2. Under "Hover Style", select "Colored Background" or "Colored Text"
3. Save settings
4. Hover over menu items — no colored background or text change is visible

What is the current bug behavior?

Hovering over menu items shows no visual change when "Colored Background" or "Colored Text" hover styles are selected. Only "Opacity" and "Border" work correctly.

What is the expected correct behavior?

• "Colored Background" should show the primary color as the menu item background on hover
• "Colored Text" should change the menu item text to the primary color on hover

Possible fixes

The base navigation styles in scss/components/dxpr-theme-navigation-colors.scss (lines 22-35) define hover background-color and color with fallbacks to transparent and inherit. These base styles have equal specificity to the hover-mode-specific selectors (lines 86-109) that use proper var(--dxt-color-base) fallbacks. The base fallbacks win when no CSS variable is set, making the colored hover effects invisible.