diff --git a/resources/less/metager/parts/sidebar.less b/resources/less/metager/parts/sidebar.less
index b81142b1557b92115bfb6f61ceb1ee374e411732..b5ca50fb928a81563871481c31983db47961e6f5 100644
--- a/resources/less/metager/parts/sidebar.less
+++ b/resources/less/metager/parts/sidebar.less
@@ -11,8 +11,8 @@
     overflow: hidden;
     overflow-y: auto;
     z-index: 10;
-    background-color: rgb(39, 39, 39);
-    color: white;
+    background-color: @background-color;
+    color: @text-color;
     transition: 0.5s;
     border-left: none;
     .sidebar-logo {
@@ -101,7 +101,7 @@
         text-indent: 12px;
         display: inline-block;
         width: 100%;
-        color: @link-color;
+        color: @text-color;
         &:hover, &:focus {
             color: red;
         }