web icon indicating copy to clipboard operation
web copied to clipboard

Dropdown text color overridden when setting navbar background (web_company_color)

Open manyanic opened this issue 1 month ago • 0 comments

Steps to reproduce 1. Set Navbar Background color = #71639e 2. Set Navbar Background Hover color = #695c93 3. Save and reload the page

Current behavior • The dropdown menu items change color unexpectedly. • Specifically, the rule at line 110 in custom_colors.1.gen.scss sets:

.dropdown-item {
    color: #374151 !important;
}

This rule overrides the default (white) color of the dropdown text in the navbar, resulting in poor contrast and readability.

Expected behavior • Dropdown items in the navbar should keep their original text color (white), or at least not be overridden by the color customization. • The color rule should not apply to dropdowns inside the navbar.

Technical notes The offending rule appears in custom_colors.1.gen.scss (line 110):

 .dropdown-item {
     color: #374151 !important;
 }

Additional issue Once a color is set via the color picker, it cannot be unset or cleared (to revert to default behavior). There should be a way to remove a chosen color.

Environment • Odoo version: 17.0 • Module: web_company_color • Browser: Chrome / Firefox (any) • Operating system: macOS

Summary:
The .dropdown-item { color: #374151 !important; } rule unintentionally overrides navbar dropdown text color when custom navbar colors are set.
Also, the color picker lacks an option to unset colors once defined.

Thanks in advance for taking a look! 🙏

manyanic avatar Nov 12 '25 15:11 manyanic