ui/css: Make dark theme more grey than black

_ref: #858
sogebot · Mar 21, 2018 · 11dfd72 · 11dfd72
1 parent 8bbe2ed
commit 11dfd72
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/scss/colors.scss b/scss/colors.scss
@@ -19,5 +19,9 @@ hr { border-color: $hr !important }
 
 .settings {
   border: 1px solid $gray-300 !important;
-  background-color: $white !important;
+  background-color: $card-bg !important;
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+  background-color: $card-bg !important;
 }
diff --git a/scss/custom.scss b/scss/custom.scss
@@ -65,7 +65,7 @@ a.active {
 
 /* STREAM DASHBOARD INFORMATIONS */
 .stream-info-container {
-  background: $white;
+  background: $info-bg;
   padding: 10px;
   border-bottom: 1px solid $gray-500;
 }
@@ -234,7 +234,7 @@ a.active {
 .widget {
   overflow: hidden;
   color: $gray-700;
-  background: $white;
+  background: $card-bg;
   padding: 0;
   height: 100%;
   width: 100%;

diff --git a/scss/themes/dark.scss b/scss/themes/dark.scss
@@ -17,6 +17,9 @@ $black:    #fff !default;
 $body-bg: $white;
 $body-color: $black;
 
+$card-bg: #171a1d;
+$info-bg: #171a1d;
+
 $grays: () !default;
 $grays: map-merge((
   "100": $gray-100,

diff --git a/scss/themes/light.scss b/scss/themes/light.scss
@@ -14,6 +14,9 @@ $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 $black:    #000 !default;
 
+$card-bg: $white;
+$info-bg: $white;
+
 $grays: () !default;
 $grays: map-merge((
   "100": $gray-100,