}
@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;
}
}
@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
}
}
-@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 {
@if $image-login-plain == 'true' {
#body-login, #firstrunwizard .firstrunwizard-header, #theming-preview {
background-image: none !important;
- background-color: $color-primary;
}
#body-login {
}
}
-} @else {
- #body-login {
- @include faded-background-image;
- }
}
/** Handle primary buttons for bright colors */