[FIX] website, *: reset header items colors to default when transparent

*: web_editor

Users can choose one of their color combination to apply on the header.
If they then choose to make the header transparent over the content for
a specific page, the color of buttons & other components in the header
should be reset to the default website color combination's colors as the
header component are now appearing over the default content.

Part of https://github.com/odoo/odoo/pull/65139

1 files changed, 5 insertions, 2 deletions

diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 412d7d279e3..62c1a5ee252 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -1148,14 +1148,17 @@ header {
         z-index: 1000;
 
         > .navbar {
+            @include o-apply-colors(1); // Reset to default colored components
             background-color: transparent !important;
             border-color: transparent;
             color: inherit;
 
             .nav-item {
                 > .nav-link {
-                    background-color: transparent;
-                    color: inherit;
+                    &, &:hover {
+                        background-color: transparent;
+                        color: inherit;
+                    }
 
                     &.active {
                         font-weight: bolder;