Adding no-background setting, enabling header background color, fixin…

…g user card background

common/common.scss

@@ -8,18 +8,21 @@
 
 body {
   background-color: $primary-very-low;
-  @if $background-image != "default"  {
-    background-image: url($background-image);
- } @else {
-    background-image: url($default-background);
-  }
-  // Default background pattern from Toptal Subtle Patterns 
-  // ♡ https://www.toptal.com/designers/subtlepatterns/japanese-sayagata/ 
-  background-attachment: fixed;
-  @if $tile-background == "true" {
-    background-size: auto;
-  } @else {
-    background-size: cover;
+  @if $no-background-image == "false" {  
+    @if $background-image != "default"  { // Thanks @tmoko!
+      background-image: url($background-image);
+    } @else {
+      background-image: url($default-background);
+    }
+    // Default background pattern from Toptal Subtle Patterns
+    // ♡ https://www.toptal.com/designers/subtlepatterns/japanese-sayagata/
+    background-attachment: fixed;
+    @if $tile-background == "true" {
+      background-size: auto;
+    } @else {
+      background-size: cover;
+      background-repeat: no-repeat;
+    } 
   }
 }
 
@@ -50,7 +53,7 @@ tbody {
   color: $primary-high;
   background: transparent;
   border-radius: 4px;
-
+  
   &:hover {
     background: $tertiary-low;
     color: $tertiary;
@@ -242,16 +245,16 @@ header.d-header {
     background: $tertiary-low;
     &:before {
       background: linear-gradient(
-        to right,
-        $tertiary-low 0%,
-        rgba(234, 236, 238, 0) 100%
+      to right,
+      $tertiary-low 0%,
+      rgba(234, 236, 238, 0) 100%
       );
     }
     &:after {
       background: linear-gradient(
-        to right,
-        rgba(234, 236, 238, 0) 0%,
-        $tertiary-low 100%
+      to right,
+      rgba(234, 236, 238, 0) 0%,
+      $tertiary-low 100%
       );
     }
   }

desktop/desktop.scss

@@ -27,7 +27,7 @@ img.avatar {
 
 .d-header {
   height: 70px;
-  background: rgba($secondary, 0.92);
+  background: rgba($header_background, 0.92);
   box-shadow: 0 3px 3px rgba(100, 100, 100, 0.13);
   .panel {
     padding: 6px 0 0 0;
@@ -137,9 +137,6 @@ nav.post-controls {
 #user-card {
   background: rgba($secondary, 0.95);
   border-radius: 4px;
-  .card-content {
-    background: none;
-  }
 }
 
 .user-main .about .details .primary {

settings.yml

@@ -3,4 +3,8 @@ background_image:
   default: default
   description: Enter image url or variable from "Uploads" section above
 
-tile_background: true
+tile_background: true
+
+no_background_image: 
+  default: false
+  description: Enabling this disables the background image and tiling settings above.