bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Halloween: transparent vignette for light theme

Browse source
This commit is contained in:
Alex Gleason 2020-09-27 13:33:03 -05:00
parent d6a7ef8e70
commit 3091f20fc9
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/styles/holiday/halloween.scss
View file

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

2
app/styles/themes.scss
View file

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