Halloween: transparent vignette for light theme

chats_paste
Alex Gleason 4 years ago
parent d6a7ef8e70
commit 3091f20fc9
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7

@ -43,13 +43,13 @@ body.halloween {
} }
.app-holder { .app-holder {
// Black vignette // Vignette
&::before { &::before {
background-image: radial-gradient( background-image: radial-gradient(
circle, circle,
transparent 0%, transparent 0%,
transparent 60%, transparent 60%,
#000 100% var(--vignette-color) 100%
); );
} }

@ -64,6 +64,7 @@ body.theme-mode-light {
var(--brand-color_s), var(--brand-color_s),
calc(var(--brand-color_l) - 8%) calc(var(--brand-color_l) - 8%)
); );
--vignette-color: transparent;
// Meta-variables // Meta-variables
--primary-text-color_h: 0; --primary-text-color_h: 0;
@ -92,6 +93,7 @@ body.theme-mode-dark {
var(--brand-color_s), var(--brand-color_s),
calc(var(--brand-color_l) + 8%) calc(var(--brand-color_l) + 8%)
); );
--vignette-color: #000;
// Meta-variables // Meta-variables
--primary-text-color_h: 0; --primary-text-color_h: 0;

Loading…
Cancel
Save