From 782988b61cf37a0e2f19ef4acbe16b434816ded0 Mon Sep 17 00:00:00 2001
From: Luis Ramos <luisramos0@gmail.com>
Date: Fri, 1 May 2020 18:22:51 +0100
Subject: [PATCH] Fix with-darker-background class by moving it inside
 page-view selector and using opacity instead of just grey so that other
 elements in the page (shadow from element above) can be seen

---
 app/assets/stylesheets/darkswarm/branding.css.scss  | 2 +-
 app/assets/stylesheets/darkswarm/shop_tabs.css.scss | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/branding.css.scss b/app/assets/stylesheets/darkswarm/branding.css.scss
index a62702e9cf..8c34da12d4 100644
--- a/app/assets/stylesheets/darkswarm/branding.css.scss
+++ b/app/assets/stylesheets/darkswarm/branding.css.scss
@@ -38,11 +38,11 @@ $med-drk-grey: #444;
 $dark-grey: #333;
 $light-grey: #ddd;
 $light-grey-transparency: rgba(0, 0, 0, .1);
+$very-light-grey-transparency: rgba(0, 0, 0, .05);
 $black: #000;
 $white: #fff;
 
 $grey-050: #f7f7f7;
-$grey-080: #f2f2f2;
 $grey-400: #bbb;
 $grey-500: #999;
 $grey-600: #777;
diff --git a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
index b2fe97fb12..e23d9c1625 100644
--- a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
+++ b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
@@ -118,8 +118,8 @@
       }
     }
 
-    .with-darker-background {
-        background-color: $grey-080;
+    &.with-darker-background {
+      background-color: $very-light-grey-transparency;
     }
   }
 }