matomo-org · chippison · Apr 29, 2026 · Apr 29, 2026 · Apr 29, 2026 · Apr 29, 2026
diff --git a/plugins/CoreAdminHome/tests/UI/expected-screenshots/CustomLogo_admin.png b/plugins/CoreAdminHome/tests/UI/expected-screenshots/CustomLogo_admin.png
diff --git a/plugins/CoreAdminHome/tests/UI/expected-screenshots/CustomLogo_admin_svg.png b/plugins/CoreAdminHome/tests/UI/expected-screenshots/CustomLogo_admin_svg.png
diff --git a/plugins/CoreHome/stylesheets/layout.less b/plugins/CoreHome/stylesheets/layout.less
@@ -68,6 +68,29 @@ ul.browser-default {
   ul.right.hide-on-med-and-down {
     margin-right: 4px;
 
+    .navbar-icon {
+      padding: 8px;
+    }
+    .navbar-label {
+      padding: 4px;
+    }
+    .navbar-label, .navbar-icon {
+      position: relative;
+      z-index: 1;
+      border-radius: 8px;
+
+      /* Hover & active background */
+      &::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        border-radius: 8px;
+        background: transparent;
+        opacity: 0.051;
+      }
+    }
+
     > li[role="menuitem"].active {
       background: transparent;
 
@@ -77,7 +100,10 @@ ul.browser-default {
 
       .navbar-icon,
       .navbar-label {
-        background-color: @theme-color-background-tinyContrast;
+        &::after {
+          // contrast + opacity to create an effect that work in light and dark mode, with our without white-label customization
+          background: @color-mode-black;
+        }
       }
     }
 
@@ -89,32 +115,29 @@ ul.browser-default {
         background: transparent;
       }
 
-      .navbar-icon {
-        padding: 8px;
-      }
-      .navbar-label {
-        padding: 4px;
-      }
-      .navbar-label, .navbar-icon {
-        border-radius: 8px;
-      }
-
       &:hover .navbar-icon,
       &:hover .navbar-label,
       &:focus .navbar-icon,
       &:focus .navbar-label {
-        background-color: @theme-color-background-tinyContrast;
+        &::after {
+          // contrast + opacity to create an effect that work in light and dark mode, with our without white-label customization
+          background: light-dark(black, white);
+        }
       }
     }
   }
 
   .languageSelection {
     &:hover {
-      background-color: @theme-color-background-tinyContrast;
+      background-color: @color-mode-black;
     }
   }
 
   ul:not(#mobile-top-menu) {
+    a {
+      color: @theme-color-header-text;
+    }
+
     .languageSelection {
       .title {
         color: @theme-color-header-text;
@@ -124,7 +147,6 @@ ul.browser-default {
   }
 
   ul a {
-    color: @theme-color-header-text;
     text-decoration: none;
     font-size: 14px;
     padding: 0 8px;

diff --git a/plugins/CoreHome/tests/UI/expected-screenshots/WhatIsNew_menu.png b/plugins/CoreHome/tests/UI/expected-screenshots/WhatIsNew_menu.png
diff --git a/...ls/tests/UI/expected-screenshots/Goals_action_goals_visualization_page_urls.png b/...ls/tests/UI/expected-screenshots/Goals_action_goals_visualization_page_urls.png
diff --git a/...UI/expected-screenshots/Goals_action_goals_visualization_page_urls_subtable.png b/...UI/expected-screenshots/Goals_action_goals_visualization_page_urls_subtable.png
diff --git a/...xpected-screenshots/LanguagesManager_TopNavigation_top_navigation_anonymous.png b/...xpected-screenshots/LanguagesManager_TopNavigation_top_navigation_anonymous.png
diff --git a/plugins/Login/stylesheets/login.less b/plugins/Login/stylesheets/login.less
@@ -2,7 +2,7 @@
 ***********************/
 #loginPage {
     nav {
-        background-color: @color-white;
+        background-color: @theme-color-header-background;
     }
     #logo {
         padding-top: 6px;

diff --git a/plugins/Morpheus/stylesheets/base.less b/plugins/Morpheus/stylesheets/base.less
@@ -1,7 +1,8 @@
 /* base.less is a standalone Less file */
-
 @import "base/colors";
 @import "base/mixins";
+@import "base/mode-colors";
+
 /* General styles */
 @import "general/_default.less";
 @import "general/_utils.less";

diff --git a/plugins/Morpheus/stylesheets/base/mode-colors.less b/plugins/Morpheus/stylesheets/base/mode-colors.less
@@ -0,0 +1,8 @@
+// Mode color
+@color-mode-black: #000;
+@color-mode-white: #fff;
+
+.inDarkMode({
+  @color-mode-black: #fff;
+  @color-mode-white: #000;
+});
diff --git a/...gmentEditor/tests/UI/expected-screenshots/SegmentManagementPageTest_initial.png b/...gmentEditor/tests/UI/expected-screenshots/SegmentManagementPageTest_initial.png
diff --git a/...tor/tests/UI/expected-screenshots/SegmentSelectorEditorTest_complex_segment.png b/...tor/tests/UI/expected-screenshots/SegmentSelectorEditorTest_complex_segment.png
diff --git a/tests/UI/expected-screenshots/Menus_mobile_top.png b/tests/UI/expected-screenshots/Menus_mobile_top.png
diff --git a/tests/UI/expected-screenshots/SearchFilterPersistenceTest_load_ok.png b/tests/UI/expected-screenshots/SearchFilterPersistenceTest_load_ok.png
diff --git a/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_date.png b/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_date.png
diff --git a/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_segment.png b/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_segment.png
diff --git a/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_sorting.png b/tests/UI/expected-screenshots/SearchFilterPersistenceTest_persisted_sorting.png
diff --git a/tests/UI/expected-screenshots/SearchFilterPersistenceTest_search_results.png b/tests/UI/expected-screenshots/SearchFilterPersistenceTest_search_results.png
diff --git a/tests/UI/expected-screenshots/Theme_home.png b/tests/UI/expected-screenshots/Theme_home.png
diff --git a/tests/UI/expected-screenshots/Theme_home_dark.png b/tests/UI/expected-screenshots/Theme_home_dark.png
diff --git a/tests/UI/expected-screenshots/UIIntegrationTest_period_select_date_range_click.png b/tests/UI/expected-screenshots/UIIntegrationTest_period_select_date_range_click.png
diff --git a/tests/UI/expected-screenshots/VersionInfoHeaderMessage_update_available.png b/tests/UI/expected-screenshots/VersionInfoHeaderMessage_update_available.png
diff --git a/tests/UI/expected-screenshots/enable_framed_pages_embed_whole_app.png b/tests/UI/expected-screenshots/enable_framed_pages_embed_whole_app.png