Better scope background css styling

src/theme.scss

@@ -365,7 +365,7 @@ textarea {
         }
 
         &:hover {
-            background-color: #cececee3 !important;
+            background-color: #ffffff9c !important;
 
             & > .grid-item-action {
                 background-color: transparent;
@@ -743,27 +743,21 @@ multiselect {
         font-size: 16px;
         user-select: none;
 
-        filter: drop-shadow(0 0 0.5px black);
-        color: white;
-
         @media(min-width:768px) {
             display: block;
         }
 
         &:hover,
         &:focus {
-            color: black;
             text-decoration: none;
             background-color: #f3f3f3;
             box-shadow: -4px 3px 5px -2px rgba(0,0,0,.1);
-            filter: none;
         }
 
         &.active {
-            background-color: #ffffffe3;
+            background-color: white;
             color: $navbar-default-link-color;
             box-shadow: -4px 3px 5px -2px rgba(0,0,0,.1);
-            filter: none;
         }
 
         &.disabled {
@@ -1023,8 +1017,7 @@ multiselect {
 
 .card {
     position: relative;
-    background-color: #ffffffe3;
-    border-radius: 2px;
+    background-color: white;
     max-width: 720px;
     margin: 0 auto;
     margin-bottom: 15px;
@@ -1032,14 +1025,6 @@ multiselect {
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
 }
 
-.navbar {
-    background-color: #ffffffe3;
-}
-
-.navbar .navbar-collapse {
-    background-color: transparent;
-}
-
 .card-small {
     max-width: 600px;
 }
@@ -1264,8 +1249,7 @@ select.purpose:invalid {
 
 footer {
     flex-grow: 0;
-    background-color: #ffffffe3;
-    // background-color: #f8f8f8;
+    background-color: #f8f8f8;
     width: 100%;
     color: #555;
     max-height: 30px;
@@ -1948,7 +1932,68 @@ tag-input {
         color: white;
     }
 
+    .card {
+        background-color: #ffffffe3;
+        border-radius: 2px;
+    }
 
+    .navbar {
+        background-color: #ffffffe3;
+    }
+
+    .navbar .navbar-collapse {
+        background-color: transparent;
+    }
+
+    footer {
+        background-color: #ffffffe3;
+    }
+
+    .app-configure-links {
+        div {
+            filter: drop-shadow(0 0 0.5px black);
+            color: white;
+
+            &:hover,
+            &:focus {
+                color: black;
+                filter: none;
+            }
+
+            &.active {
+                color: black;
+                background-color: #ffffffe3;
+                filter: none;
+            }
+        }
+    }
+
+    .btn-default {
+        background-color: #ffffffcf;
+        border-color: transparent;
+
+        &:hover {
+            border-color: white;
+            background-color: #e2e2e2cf;
+        }
+    }
+
+    .app-header-container {
+        h1 {
+
+            a {
+                filter: drop-shadow(0 0 0.5px black);
+                color: white;
+
+                &:hover,
+                &:active,
+                &:focus {
+                    text-decoration: none;
+                    color: $brand-primary;
+                }
+            }
+        }
+    }
 }
 
 // ----------------------------