From 69de44ecabcb78f90270a8c81b635da2b8185e50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 3 Jun 2020 09:17:15 +0200
Subject: [PATCH] Only use background fade if nextcloud blue is set
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 apps/theming/css/theming.scss | 55 +++++++++++++++--------------------
 1 file changed, 24 insertions(+), 31 deletions(-)

diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index 0e9b922b27..a18176f8b5 100644
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -8,20 +8,28 @@
 }
 
 @mixin faded-background {
-	background-image: linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+	background-color: $color-primary;
+
+	@if ($color-primary == #0082C9) {
+		background-image: linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+	} @else {
+		/** This will be overwritten by the faded-background-image mixin if needed */
+		background-image: none;
+	}
 }
 
 @mixin faded-background-image {
-	@if ($color-primary == #0082C9) or ($has-custom-background == true) {
-		background-image: $image-login-background, linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+	@include faded-background;
+	background-size: contain;
 
-		@if($has-custom-background == true) {
-			background-size: cover;
-			background-repeat: no-repeat;
-		}
-	} @else {
-		@include faded-background;
-		background-size: contain;
+	@if ($color-primary == #0082C9) {
+		background-image: $image-login-background, linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+	}
+
+	@if($has-custom-background == true) {
+		background-size: cover;
+		background-repeat: no-repeat;
+		background-image: $image-login-background;
 	}
 }
 
@@ -138,6 +146,12 @@ $invert: luma($color-primary) > 0.6;
 	@include faded-background;
 }
 
+#body-login,
+#firstrunwizard .firstrunwizard-header,
+#theming-preview {
+	@include faded-background-image;
+}
+
 /* override styles for login screen in guest.css */
 @if ($has-custom-logo) {
 	// custom logo
@@ -159,22 +173,6 @@ $invert: luma($color-primary) > 0.6;
 	}
 }
 
-@if variable_exists('theming-background-mime') and $theming-background-mime != ''  {
-	#body-login,
-	#firstrunwizard .firstrunwizard-header,
-	#theming-preview {
-		background-image: $image-login-background;
-		background-color: $color-primary;
-		@include faded-background-image;
-	}
-} @else {
-	#theming-preview {
-		background-image: $image-login-background;
-		background-color: $color-primary;
-		@include faded-background-image;
-	}
-}
-
 @if variable_exists('theming-logoheader-mime') and $theming-logoheader-mime != '' {
 	#theming .advanced-option-logoheader .image-preview,
 	body:not(#body-login) #header .logo {
@@ -231,7 +229,6 @@ input.primary,
 @if $image-login-plain == 'true' {
 	#body-login, #firstrunwizard .firstrunwizard-header, #theming-preview {
 		background-image: none !important;
-		background-color: $color-primary;
 	}
 	#body-login {
 
@@ -240,10 +237,6 @@ input.primary,
 		}
 
 	}
-} @else {
-	#body-login {
-		@include faded-background-image;
-	}
 }
 
 /** Handle primary buttons for bright colors */