From 1987d109c10fb7aeea98811f7c0c27eb8875a230 Mon Sep 17 00:00:00 2001
From: Aria Givi <aria@suma-ev.de>
Date: Thu, 27 Feb 2020 11:28:23 +0100
Subject: [PATCH] adjusted border color across all stylesheets

---
 resources/less/metager/general/cards.less                | 2 +-
 resources/less/metager/pages/help_faq.less               | 2 +-
 resources/less/metager/pages/privacy.less                | 4 ++--
 resources/less/metager/pages/resultpage/result-page.less | 6 +++---
 resources/less/metager/pages/resultpage/result.less      | 2 +-
 resources/less/metager/parts/sidebar.less                | 4 ++--
 resources/less/metager/variables-dark.less               | 3 ++-
 resources/less/metager/variables.less                    | 3 ++-
 8 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/resources/less/metager/general/cards.less b/resources/less/metager/general/cards.less
index 304731271..5a856c696 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 40d590a0d..61941d8b9 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 4836cea6c..c73638c0b 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 c16decb29..3225857ff 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 c4109ee03..f151b702c 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 332fb0b98..d417af9b8 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 ea8ada780..72a7ba33f 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 624bd8fa9..7830bd9e4 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
-- 
GitLab