diff --git a/gatsby-config.js b/gatsby-config.js
index 20bf1e8f6..6f8cb85b5 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -69,6 +69,7 @@ module.exports = {
         policy: [{ userAgent: '*', allow: '/' }],
       },
     },
+    'gatsby-plugin-use-dark-mode',
     'gatsby-plugin-sitemap',
     'gatsby-plugin-meta-redirect',
   ],
diff --git a/package-lock.json b/package-lock.json
index f5f4fa9cd..a2d3528ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4569,6 +4569,11 @@
         }
       }
     },
+    "@use-it/event-listener": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@use-it/event-listener/-/event-listener-0.1.3.tgz",
+      "integrity": "sha512-UCHkLOVU+xj3/1R8jXz8GzDTowkzfIDPESOBlVC2ndgwUSBEqiFdwCoUEs2lcGhJOOiEdmWxF+T23C5+60eEew=="
+    },
     "@webassemblyjs/ast": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
@@ -13855,6 +13860,15 @@
         }
       }
     },
+    "gatsby-plugin-use-dark-mode": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-use-dark-mode/-/gatsby-plugin-use-dark-mode-1.1.2.tgz",
+      "integrity": "sha512-qZEg4XmCgeq4M7ojxMUTFFj951QMGb95pWnxsSvb4nsTWTYSb0qeRE+hR/4rE5GIFnh/w9GrwuyMwStM7o7R6Q==",
+      "requires": {
+        "prop-types": "^15.7.2",
+        "terser": "^4.0.0"
+      }
+    },
     "gatsby-react-router-scroll": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/gatsby-react-router-scroll/-/gatsby-react-router-scroll-2.2.2.tgz",
@@ -28156,6 +28170,23 @@
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
       "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ=="
     },
+    "use-dark-mode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/use-dark-mode/-/use-dark-mode-2.3.1.tgz",
+      "integrity": "sha512-hmcdJR96tTustRQdaQwe6jMrZHnmPqXBxgy4jaQ4gsfhwajsCpjECuq9prgDe9XxMx/f9r96o2/md6O4Lwhwjg==",
+      "requires": {
+        "@use-it/event-listener": "^0.1.2",
+        "use-persisted-state": "^0.3.0"
+      }
+    },
+    "use-persisted-state": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/use-persisted-state/-/use-persisted-state-0.3.0.tgz",
+      "integrity": "sha512-UlWEq0JYg7NbvcRBZ1g6Bwe4SEbYfr1wr/D5mrmfCzSxXSwsPRYygGLlsxHcW58Rf7gGwRPBT23sNVvyVn4WYg==",
+      "requires": {
+        "@use-it/event-listener": "^0.1.2"
+      }
+    },
     "utif": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/utif/-/utif-2.0.1.tgz",
diff --git a/package.json b/package.json
index 700f35c3f..c73401c00 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "gatsby-plugin-sass": "^2.2.3",
     "gatsby-plugin-sharp": "^2.5.6",
     "gatsby-plugin-sitemap": "^2.4.3",
+    "gatsby-plugin-use-dark-mode": "^1.1.2",
     "gatsby-remark-images": "^3.3.8",
     "gatsby-source-filesystem": "^2.2.4",
     "gatsby-transformer-remark": "^2.7.3",
@@ -35,7 +36,8 @@
     "react-live": "^2.2.2",
     "react-markdown": "^4.3.1",
     "react-middle-ellipsis": "^1.1.0",
-    "react-shadow": "^18.1.2"
+    "react-shadow": "^18.1.2",
+    "use-dark-mode": "^2.3.1"
   },
   "devDependencies": {
     "@newrelic/eslint-plugin-newrelic": "^0.3.0",