From 5ab6c45868a407a4e5e69b36f60295e09811b9f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 2 Nov 2024 18:33:19 -0500
Subject: [PATCH] feat: spooky colors

---
 .../website/src/components/HomeHero.astro     | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/packages/website/src/components/HomeHero.astro b/packages/website/src/components/HomeHero.astro
index b2d322eb1..dea3e8bfc 100644
--- a/packages/website/src/components/HomeHero.astro
+++ b/packages/website/src/components/HomeHero.astro
@@ -41,7 +41,7 @@ const isBranchNamed = branchName !== undefined;
     );
   }
 
-  #home-hero[data-pride] {
+  #home-hero[data-variant='pride'] {
     --g-1-dark: var(--crimson-3);
     --g-1-light: var(--crimson-5);
     --g-2-dark: var(--orange-3);
@@ -53,6 +53,19 @@ const isBranchNamed = branchName !== undefined;
     --g-5-dark: var(--purple-3);
     --g-5-light: var(--purple-5);
   }
+
+  #home-hero[data-variant='spooky'] {
+    --g-1-dark: var(--orange-3);
+    --g-1-light: var(--orange-5);
+    --g-2-dark: var(--tomato-3);
+    --g-2-light: var(--tomato-5);
+    --g-3-dark: var(--orange-3);
+    --g-3-light: var(--orange-5);
+    --g-4-dark: var(--tomato-3);
+    --g-4-light: var(--tomato-5);
+    --g-5-dark: var(--orange-3);
+    --g-5-light: var(--orange-5);
+  }
 </style>
 
 <script>
@@ -62,8 +75,14 @@ const isBranchNamed = branchName !== undefined;
   const homeHero = document.getElementById('home-hero');
 
   if (homeHero) {
-    if (new Date().getMonth() === 5) {
-      homeHero.dataset.pride = 'true';
+    switch (new Date().getMonth()) {
+      case 5:
+        homeHero.dataset.variant = 'pride';
+        break;
+
+      case 9:
+        homeHero.dataset.variant = 'spooky';
+        break;
     }
 
     window.addEventListener('pointermove', (event) => {