diff --git a/resources/less/metager/parts/sidebar.less b/resources/less/metager/parts/sidebar.less
index b5ca50fb928a81563871481c31983db47961e6f5..1a8616cde8788472bc48767675f1306f29ac57f6 100644
--- a/resources/less/metager/parts/sidebar.less
+++ b/resources/less/metager/parts/sidebar.less
@@ -36,7 +36,7 @@
         &>li {
             width: 100%;
             &:hover {
-                background-color: @color-almost-white;
+                background-color: @sidebar-list-hover-color;
             }
             &>label,
             &>a {
diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less
index 20e6929bbd32587252b35c70e8a92230cbe0e2f5..ab866b1095316121a4c054021236329ba11f4e4b 100644
--- a/resources/less/metager/variables-dark.less
+++ b/resources/less/metager/variables-dark.less
@@ -4,6 +4,7 @@
 // Default Background Color
 @background-color: @color-almost-black;
 @background-color-mobile: @color-almost-black;
+@sidebar-list-hover-color: @color-strong-grey;
 
 // General text color.
 @text-color: @color-white;
diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less
index 11522db7220581b0c458ba9201ae4ed0a66dd955..85294b684822bad4209e49965082e80255809ea3 100644
--- a/resources/less/metager/variables.less
+++ b/resources/less/metager/variables.less
@@ -11,6 +11,7 @@
 // Default Background Color
 @background-color: white;
 @background-color-mobile: #FAFAFA;
+@sidebar-list-hover-color: @color-almost-white;
 // Default Font
 @metager-font:
 "Liberation Sans",