From 067ee3150c73e1ebc9461eaf7f8c8c4649071f21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 25 Nov 2019 16:29:29 +0100
Subject: [PATCH] Adjust gradient to theming value
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 | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index e8987a8567..1f32c40ce0 100644
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -7,6 +7,19 @@
 	@return (0.2126 * $-local-red  + 0.7152 * $-local-green + 0.0722 * $-local-blue) / 255;
 }
 
+@mixin faded-background {
+	background-image: linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+}
+
+@mixin faded-background-image {
+	@if ($color-primary == #0082C9) {
+		background-image: $image-login-background, linear-gradient(40deg, $color-primary 0%, lighten($color-primary, 20%) 100%);
+	} @else {
+		@include faded-background;
+		background-size: contain;
+	}
+}
+
 $has-custom-logo: variable_exists('theming-logo-mime') and $theming-logo-mime != '';
 $invert: luma($color-primary) > 0.6;
 
@@ -115,6 +128,10 @@ $invert: luma($color-primary) > 0.6;
 	background-image: $image-logo;
 }
 
+#body-user #header, #body-settings #header, #body-public #header {
+	@include faded-background;
+}
+
 /* override styles for login screen in guest.css */
 @if ($has-custom-logo) {
 	// custom logo
@@ -142,13 +159,13 @@ $invert: luma($color-primary) > 0.6;
 	#theming-preview {
 		background-image: $image-login-background;
 		background-color: $color-primary;
-		background-color: linear-gradient(40deg, $color-primary 0%, rgba(28,175,255,1) 100%);
+		@include faded-background-image;
 	}
 } @else {
 	#theming-preview {
 		background-image: $image-login-background;
 		background-color: $color-primary;
-		background-color: linear-gradient(40deg, $color-primary 0%, rgba(28,175,255,1) 100%);
+		@include faded-background-image;
 	}
 }
 
@@ -209,7 +226,6 @@ input.primary,
 	#body-login, #firstrunwizard .firstrunwizard-header, #theming-preview {
 		background-image: none !important;
 		background-color: $color-primary;
-		background-color: linear-gradient(40deg, $color-primary 0%, rgba(28,175,255,1) 100%);
 	}
 	#body-login {
 
@@ -220,8 +236,7 @@ input.primary,
 	}
 } @else {
 	#body-login {
-		background-color: $color-primary;
-		background-color: linear-gradient(40deg, $color-primary 0%, rgba(28,175,255,1) 100%);
+		@include faded-background-image;
 	}
 }