❄️ snow (#254)

* it's snowing! * bump version.
bradgarropy · Dec 8, 2021 · 52316ee · 52316ee
1 parent c9e10dc
commit 52316ee
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 40 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -210,6 +210,18 @@ const config = {
                 sampleRate: 0.7,
             },
         },
+        {
+            resolve: "@raae/gatsby-plugin-let-it-snow",
+            options: {
+                colors: ["--snow"],
+                duration: 86400,
+                intensity: "regular",
+                season: {
+                    start: new Date("December 1"),
+                    end: new Date("January 1"),
+                },
+            },
+        },
     ],
 }
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "bradgarropy.com",
-    "version": "4.4.1",
+    "version": "4.5.0",
     "description": "🏠 my home on the web",
     "keywords": [
         "javascript",
@@ -49,6 +49,7 @@
         "@fortawesome/free-brands-svg-icons": "^5.15.4",
         "@fortawesome/free-solid-svg-icons": "^5.15.4",
         "@fortawesome/react-fontawesome": "^0.1.16",
+        "@raae/gatsby-plugin-let-it-snow": "^0.6.0",
         "@sentry/gatsby": "^6.14.3",
         "classnames": "^2.3.1",
         "dotenv": "^10.0.0",

diff --git a/src/components/ColorTheme/ColorTheme.tsx b/src/components/ColorTheme/ColorTheme.tsx
@@ -21,6 +21,11 @@ const ColorTheme: FC = () => {
             "--text",
             theme === "light" ? "var(--black)" : "var(--white)",
         )
+
+        root.style.setProperty(
+            "--snow",
+            theme === "light" ? "var(--darkGrey)" : "var(--white)",
+        )
     }, [theme])
 
     const onClick = () => {

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -11,6 +11,7 @@
     --primary: var(--purple);
     --text: var(--black);
     --background: var(--white);
+    --snow: var(--grey);
 
     /* highlighting */
     --grvsc-line-highlighted-background-color: #c792ea66;