With puppeteer support

Author: tzi

plugins/CoreHome/stylesheets/layout.less

@@ -79,6 +79,7 @@ ul.browser-default {
       z-index: 1;
       border-radius: 8px;
 
+      /* Hover & active background */
       &::after {
         content: '';
         position: absolute;
@@ -101,7 +102,7 @@ ul.browser-default {
       .navbar-label {
         &::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);
+          background: @color-mode-black;
         }
       }
     }
@@ -128,7 +129,7 @@ ul.browser-default {
 
   .languageSelection {
     &:hover {
-      background-color: @theme-color-background-tinyContrast;
+      background-color: @color-mode-black;
     }
   }
 

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";

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;
+});