fix(styles): Adjust background stylings

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2024-02-16 15:20:57 +01:00
parent 752e3b9000
commit bd73bccb40
No known key found for this signature in database
GPG key ID: 45FAE7268762B400
3 changed files with 12 additions and 15 deletions

View file

@ -29,15 +29,15 @@ html {
width: 100%;
height: 100%;
position: absolute;
// color-background-plain should always be defined. It is the primary user colour
// color-background-plain should always be defined.
background-color: var(--color-background-plain, var(--color-main-background));
}
body {
// color-background-plain should always be defined. It is the primary user colour
// color-background-plain should always be defined.
background-color: var(--color-background-plain, var(--color-main-background));
// user background, or plain colour and finally default admin background
background-image: var(--image-background, var(--image-background-plain, var(--image-background-default)));
// user background, or plain color
background-image: var(--image-background);
background-size: cover;
background-position: center;
position: fixed;

View file

@ -25,17 +25,14 @@ body {
font-size: .875em;
line-height: 1.6em;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: var(--color-text);
color: var(--color-background-plain-text, #ffffff);
text-align: center;
/* As guest, there is no color-background-plain */
background-color: var(--color-background-plain, var(--color-primary-element-default, #0082c9));
/* As guest, there is no user background (--image-background)
1. User background if logged in ('no' if removed, that way the variable is _defined_)
2. Empty background if enabled ('yes' is used, that way the variable is _defined_)
3. Else default background
4. Finally default gradient (should not happened, the background is always defined anyway) */
background-image: var(--image-background, var(--image-background-plain, var(--image-background-default, linear-gradient(40deg, #0082c9 0%, #30b6ff 100%))));
background-attachment: fixed;
background-color: var(--color-background-plain, #0082c9);
/*
User background if logged in ('no' if removed, that way the variable is _defined_)
Fallback to default gradient (should not happened, the background is always defined anyway) */
background-image: var(--image-background, linear-gradient(40deg, #0082c9 0%, #30b6ff 100%));
background-attachment: fixed;
min-height: 100%; /* fix sticky footer */
height: auto;
overflow: auto;

View file

@ -162,7 +162,7 @@
/* Right header standard */
.header-right {
> .header-menu img {
> .header-menu__trigger img {
filter: var(--background-image-invert-if-bright);
}
> div,