From 414a3ae4e98ef5fcd5a9b286ed924ed1bd02b99f Mon Sep 17 00:00:00 2001 From: =?utf8?q?Julius=20H=C3=A4rtl?= 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=utf8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/theming/css/theming.scss | 53 +++++++++++++++-------------------- 1 file changed, 23 insertions(+), 30 deletions(-) diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss index 0e9b922b277..a18176f8b5d 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) { + @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; - } - } @else { - @include faded-background; - background-size: contain; + @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 */ -- 2.39.5