From 447ba4f20ceb9ddb47d72aa5422d10107177974c Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@dc-square.de>
Date: Sun, 19 May 2019 02:41:40 +0200
Subject: [PATCH] Added variables for background colors

---
 _sass/color_schemes/dark.scss     |  3 +++
 _sass/search.scss                 | 13 +++++++------
 _sass/support/_variables.scss     |  2 ++
 _sass/tables.scss                 |  4 ++--
 assets/css/dark-mode-preview.scss |  1 +
 5 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/_sass/color_schemes/dark.scss b/_sass/color_schemes/dark.scss
index 6c2e8a9c..f0e65057 100644
--- a/_sass/color_schemes/dark.scss
+++ b/_sass/color_schemes/dark.scss
@@ -6,9 +6,12 @@ $border-color: $grey-dk-200;
 $body-text-color: $grey-lt-300;
 $body-heading-color: $grey-lt-000;
 $nav-child-link-color: $grey-dk-000;
+$search-result-preview-color: $grey-dk-000;
 
 $link-color: $blue-000;
 $btn-primary-color: $blue-200;
 $base-button-color: $grey-dk-250;
 
 $code-background-color: $grey-dk-250;
+$search-background-color: $grey-dk-250;
+$table-background-color: $grey-dk-250;
diff --git a/_sass/search.scss b/_sass/search.scss
index 56d9f987..c740ad94 100644
--- a/_sass/search.scss
+++ b/_sass/search.scss
@@ -17,7 +17,7 @@
 .search-input-wrap {
   display: flex;
   height: 100%;
-  background-color: $body-background-color;
+  background-color: $search-background-color;
   padding: $sp-2;
   border-radius: $border-radius;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
@@ -28,6 +28,7 @@
     padding-bottom: 0;
     padding-left: 0;
     border-radius: 0;
+    background-color: $body-background-color;
     box-shadow: none;
   }
 }
@@ -37,12 +38,13 @@
   width: 100%;
   padding-top: $sp-1;
   padding-bottom: $sp-1;
-  background-color: $body-background-color;
+  background-color: $search-background-color;
   border-top: 0;
   border-right: 0;
   border-bottom: 0;
   border-left: 0;
   order: 2;
+  @include fs-4;
 
   &:focus {
     outline: 0;
@@ -53,9 +55,8 @@
     }
   }
 
-  @include fs-4;
-
   @include mq(md) {
+    background-color: $body-background-color;
     @include fs-3;
   }
 }
@@ -73,7 +74,7 @@
   z-index: 100;
   width: 100%;
   border-radius: $border-radius;
-  background: lighten($body-background-color, 1%);
+  background: $search-background-color;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
 
   &.active {
@@ -110,7 +111,7 @@
   padding-right: $sp-3;
 
   &:hover, &.active {
-    background-color: darken($body-background-color, 5%);
+    background-color: darken($search-background-color, 5%);
   }
 
   @include mq(md) {
diff --git a/_sass/support/_variables.scss b/_sass/support/_variables.scss
index 3605a44d..4d5b349a 100644
--- a/_sass/support/_variables.scss
+++ b/_sass/support/_variables.scss
@@ -52,6 +52,8 @@ $red-300: #dd2e2e !default;
 
 $body-background-color: $white !default;
 $sidebar-color: $grey-lt-000 !default;
+$search-background-color: $white !default;
+$table-background-color: $white !default;
 $code-background-color: $grey-lt-000 !default;
 
 $body-text-color: $grey-dk-100 !default;
diff --git a/_sass/tables.scss b/_sass/tables.scss
index 08edee23..e1e2c111 100644
--- a/_sass/tables.scss
+++ b/_sass/tables.scss
@@ -27,7 +27,7 @@ td {
   padding-right: $sp-3;
   padding-bottom: $sp-2;
   padding-left: $sp-3;
-  background-color: lighten($body-background-color, 2%);
+  background-color: $table-background-color;
   border-bottom: $border rgba($border-color, 0.5);
   border-left: $border $border-color;
 
@@ -49,6 +49,6 @@ tbody {
 
 thead {
   th {
-    border-bottom: 1px solid $border-color;
+    border-bottom: $border $border-color;
   }
 }
diff --git a/assets/css/dark-mode-preview.scss b/assets/css/dark-mode-preview.scss
index 8b77da6a..6f6fbea3 100644
--- a/assets/css/dark-mode-preview.scss
+++ b/assets/css/dark-mode-preview.scss
@@ -33,6 +33,7 @@
 @import "./search";
 @import "./tables";
 @import "./code";
+@import "./anchor_headings";
 @import "./utilities/utilities";
 
 //
-- 
GitLab