wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust gradient to theming value

Browse source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2019-11-25 16:29:29 +01:00
parent 7edeac887b
commit 067ee3150c
No known key found for this signature in database
GPG key ID: 4C614C6ED2CDE6DF
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
apps/theming/css/theming.scss
View file

@ -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;
}
}