moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'halloween-vignette' into 'develop' 

Halloween: transparent vignette for light theme

See merge request soapbox-pub/soapbox-fe!258
This commit is contained in:
Alex Gleason 2020-09-27 18:45:45 +00:00
parent d6a7ef8e70 3091f20fc9
commit aac2b42e9d
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;