Change home backgrounds
|
@ -7,6 +7,7 @@
|
||||||
--bs-nav-tabs-link-active-color: var(--pfl-primary-text);
|
--bs-nav-tabs-link-active-color: var(--pfl-primary-text);
|
||||||
--bs-heading-color: #000;
|
--bs-heading-color: #000;
|
||||||
--pfl-logo: url('/static/light.png');
|
--pfl-logo: url('/static/light.png');
|
||||||
|
--pfl-home-background: url('/static/home/home-light.webp');
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[data-bs-theme='dark'] {
|
:root[data-bs-theme='dark'] {
|
||||||
|
@ -15,6 +16,7 @@
|
||||||
--pfl-primary-border-subtle: var(--pfl-color);
|
--pfl-primary-border-subtle: var(--pfl-color);
|
||||||
--bs-heading-color: #fff;
|
--bs-heading-color: #fff;
|
||||||
--pfl-logo: url('/static/dark.png');
|
--pfl-logo: url('/static/dark.png');
|
||||||
|
--pfl-home-background: url('/static/home/home-dark.webp');
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-pfl {
|
.btn-pfl {
|
||||||
|
@ -69,7 +71,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-background {
|
.home-background {
|
||||||
background-image: url(/static/home.webp);
|
background-image: var(--pfl-home-background);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
Before Width: | Height: | Size: 2 MiB |
Before Width: | Height: | Size: 5 MiB After Width: | Height: | Size: 5 MiB |
Before Width: | Height: | Size: 430 KiB After Width: | Height: | Size: 430 KiB |
BIN
pflaenzli/pflaenzli/static/home/home-light.jpg
Normal file
After Width: | Height: | Size: 778 KiB |
BIN
pflaenzli/pflaenzli/static/home/home-light.webp
Normal file
After Width: | Height: | Size: 339 KiB |
Before Width: | Height: | Size: 2.5 MiB |
Before Width: | Height: | Size: 3.9 MiB |