diff --git a/app/styles/holiday/halloween.scss b/app/styles/holiday/halloween.scss
index 8f04e74c1..b63a1ed0f 100644
--- a/app/styles/holiday/halloween.scss
+++ b/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%
       );
     }
 
diff --git a/app/styles/themes.scss b/app/styles/themes.scss
index 13d952b17..a670b3086 100644
--- a/app/styles/themes.scss
+++ b/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;