diff --git a/resources/less/metager/general/cards.less b/resources/less/metager/general/cards.less
index 3047312719eddcf7a0aeca67d8da6b3fe0e8fd31..5a856c6961bb1caac061c0aa3842d77397a4d15b 100644
--- a/resources/less/metager/general/cards.less
+++ b/resources/less/metager/general/cards.less
@@ -1,6 +1,6 @@
 .card,
 .card-medium {
-    border: 1px solid @card-border-color;
+    border: 1px solid @border-color;
     background-color: @card-background-color;
     box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
     padding: 8px;
diff --git a/resources/less/metager/pages/help_faq.less b/resources/less/metager/pages/help_faq.less
index 40d590a0d6f905bedce139da52b6f6f4efeed44c..61941d8b930d04fde1707940e32dc24c15a769a1 100644
--- a/resources/less/metager/pages/help_faq.less
+++ b/resources/less/metager/pages/help_faq.less
@@ -24,7 +24,7 @@
             img {
                 margin: 10px 0;
                 padding: 8px;
-                border: 1px solid #ccc;
+                border: 1px solid @border-color;
                 border-radius: 3px;
             }
         }
diff --git a/resources/less/metager/pages/privacy.less b/resources/less/metager/pages/privacy.less
index 4836cea6cd2e70df45b7658d271fc13c5ebb99b4..c73638c0b5e9d7c34ae1fdab80f17007f28ed559 100644
--- a/resources/less/metager/pages/privacy.less
+++ b/resources/less/metager/pages/privacy.less
@@ -13,8 +13,8 @@
             .card-heavy;
         }
         .kontext {
-            border-bottom: 1px solid #ccc;
-            border-top: 1px solid #ccc;
+            border-bottom: 1px solid @border-color;
+            border-top: 1px solid @border-color;
             padding: 8px 0;
             .datum-list {
                 margin-top: 8px;
diff --git a/resources/less/metager/pages/resultpage/result-page.less b/resources/less/metager/pages/resultpage/result-page.less
index c16decb29f1209072fdaaf02b86072671772e70c..3225857ff146dd6fc6388cad0b6bad59645f2670 100644
--- a/resources/less/metager/pages/resultpage/result-page.less
+++ b/resources/less/metager/pages/resultpage/result-page.less
@@ -429,7 +429,7 @@ a {
     max-width: @results-width-max;
     #research-bar {
         background-color: @resultpage-background-color;
-        border: 1px solid #ccc;
+        border: 1px solid @border-color;
         border-bottom: 1px solid @metager-orange;
         box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
         display: flex;
@@ -437,7 +437,7 @@ a {
         padding: 4px;
         .resultpage-searchbar {
             .search-input-submit .search-input input {
-                border-bottom: 1px solid #ccc;
+                border-bottom: 1px solid @border-color;
             }
             @media (max-width: @sidebar-opener-breakpoint) {
                 .search-focus-selector {
@@ -471,7 +471,7 @@ a {
         background-color: @resultpage-background-color;
         overflow-x: auto;
         padding: 8px;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid @border-color;
         @media (max-width: @screen-mobile) {
             .card;
             margin: 0;
diff --git a/resources/less/metager/pages/resultpage/result.less b/resources/less/metager/pages/resultpage/result.less
index c4109ee03daef3b8e613421b24cb3adf62412aac..f151b702cae22dbe4c98a9a27faae2d9e7fe27ff 100644
--- a/resources/less/metager/pages/resultpage/result.less
+++ b/resources/less/metager/pages/resultpage/result.less
@@ -259,7 +259,7 @@
     &>.result-options {
         max-width: 100%;
         &>.options {
-            border-top: 1px solid #ccc;
+            border-top: 1px solid @border-color;
             width: 100%;
             text-align: right;
             overflow: hidden;
diff --git a/resources/less/metager/parts/sidebar.less b/resources/less/metager/parts/sidebar.less
index 332fb0b98e0b567a8f1593e0c97861f1e583241e..d417af9b8492275bc8a3607a0fbe56d04ca36ea6 100644
--- a/resources/less/metager/parts/sidebar.less
+++ b/resources/less/metager/parts/sidebar.less
@@ -1,5 +1,5 @@
 .sidebar {
-    border-left: 1px solid #ccc;
+    border-left: 1px solid @border-color;
     box-shadow: 0px 1px 1.5px 1px #c0c0c0;
     position: fixed;
     display: block;
@@ -197,7 +197,7 @@
     line-height: 23px;
     border-radius: 5px;
     color: grey;
-    background-color: white;
+    background-color: @background-color;
     &:after {
         content: "≡";
     }
diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less
index ea8ada7809209303624b518604e3069d0f833de8..72a7ba33f57dd558731bba57f7753480ede196b5 100644
--- a/resources/less/metager/variables-dark.less
+++ b/resources/less/metager/variables-dark.less
@@ -12,4 +12,5 @@
 @sidebar-list-hover-color: @color-strong-grey;
 // Card styles
 @card-background-color: @color-strong-grey;
-@card-border-color: #727272;
+// Default Borde Color 
+@border-color: #727272;
diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less
index 624bd8fa9e1ced286e0acbd943ad3e364e58639a..7830bd9e4023e145ffed2c5015c14fb6dca25270 100644
--- a/resources/less/metager/variables.less
+++ b/resources/less/metager/variables.less
@@ -31,4 +31,5 @@ sans-serif;
 @screen-medium: 1200px;
 // Card styles
 @card-background-color: @background-color;
-@card-border-color: #ccc;
\ No newline at end of file
+// Default Border Color
+@border-color: #ccc;
\ No newline at end of file