cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

refactor(ui): ♻️ use static opacity for body bg image

Browse source
This commit is contained in:
Julien Oculi 2024-02-06 22:50:09 +01:00
parent 029a75e9b7
commit 03786a0df1
2 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/stylesheets/base.css
View file

@ -19,7 +19,8 @@
--_translucent: hsl(from var(--_font-color) h s l / 0.1); --_translucent: hsl(from var(--_font-color) h s l / 0.1);
/* other */ /* other */
--_background: url('assets/css_bg_stardust.png') repeat top left / 800px; --_background-color: var(--sand-0);
--_background-image: url('assets/css_bg_stardust_alpha_30.png');
--_blur: var(--size-3); --_blur: var(--size-3);
--_transition-delay: 0.2s; --_transition-delay: 0.2s;
} }
@ -30,15 +31,6 @@ body {
accent-color: var(--_accent-color); accent-color: var(--_accent-color);
margin: 0; margin: 0;
padding: 0; padding: 0;
} background-color: var(--_background-color);
background: var(--_background-image) repeat top left / 800px;
/* background that handle filters */
body::before {
z-index: -1;
content: '';
width: 100%;
height: 100%;
position: absolute;
filter: opacity(30%);
background: var(--_background);
} }

BIN
static/assets/css_bg_stardust_alpha_30.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB