From 9ea53d5669ce17b105aa5adc39f4a6871bdafd3a Mon Sep 17 00:00:00 2001
From: Andrew Bone <AndrewB05@gmail.com>
Date: Mon, 7 Jan 2019 20:56:01 +0000
Subject: [PATCH]  Add --theme-container-color (#1479)

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements

* Add --theme-container-color

Add --theme-container-color for theming all containing elements
---
 app/assets/stylesheets/article-show.scss | 2 ++
 app/assets/stylesheets/articles.scss     | 4 ++++
 app/assets/stylesheets/sticky-nav.scss   | 1 +
 3 files changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/article-show.scss b/app/assets/stylesheets/article-show.scss
index 74188a9c6..525fc0f5c 100644
--- a/app/assets/stylesheets/article-show.scss
+++ b/app/assets/stylesheets/article-show.scss
@@ -78,6 +78,7 @@ article{
   width:880px;
   max-width:100%;
   background:white;
+  background: var(--theme-container-background,	#fff);
   margin:68px auto 20px;
   text-align: left;
   box-shadow: $bold-shadow;
@@ -308,6 +309,7 @@ article{
     font-size: 21px;
     line-height: 32px;
     background:white;
+    background: var(--theme-container-background,	#fff);
     position:relative;
     z-index:5;
     padding-bottom:5px;
diff --git a/app/assets/stylesheets/articles.scss b/app/assets/stylesheets/articles.scss
index 27fe5c405..7a1173806 100644
--- a/app/assets/stylesheets/articles.scss
+++ b/app/assets/stylesheets/articles.scss
@@ -198,6 +198,7 @@
     .single-article{
       text-align:left;
       background:$white;
+      background: var(--theme-container-background,	$white);
       transition: opacity .35s ease-in;
       border: 1px solid $outline-color;
       border: var(--theme-container-border, 1px solid $outline-color);
@@ -456,6 +457,7 @@
         }
         .content-wrapper{
           background:white;
+          background: var(--theme-container-background,	#fff);
           color:$black;
           position:relative;
           z-index:5;
@@ -775,6 +777,7 @@
       .sidebar-profile-snapshot{
         overflow: hidden;
         background:white;
+        background: var(--theme-container-background,	#fff);
         margin-bottom:14px;
         border-radius:3px;
         width: calc(100% - 3px);
@@ -957,6 +960,7 @@
       position:relative;
       overflow:hidden;
       background:white;
+      background: var(--theme-container-background,	#fff);
       display:block;
       color: $black;
       border-radius:3px;
diff --git a/app/assets/stylesheets/sticky-nav.scss b/app/assets/stylesheets/sticky-nav.scss
index 477d12fa0..1576e5ee0 100644
--- a/app/assets/stylesheets/sticky-nav.scss
+++ b/app/assets/stylesheets/sticky-nav.scss
@@ -77,6 +77,7 @@
     font-size:0.9em;
     font-weight: bold;
     background: white;
+    background: var(--theme-container-background,	#fff);
     margin-bottom: 10px;
     margin-left: 10px;
     border: 1px solid $outline-color;