Merge branch 'halloween-vignette' into 'develop'

Halloween: transparent vignette for light theme

See merge request soapbox-pub/soapbox-fe!258

app/styles/holiday/halloween.scss

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

app/styles/themes.scss

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