diff --git a/themes/doublefourteen/assets/js/rain.js b/themes/doublefourteen/assets/js/rain.js
index aacdca4..09d3556 100644
--- a/themes/doublefourteen/assets/js/rain.js
+++ b/themes/doublefourteen/assets/js/rain.js
@@ -24,7 +24,7 @@
  *          for the JavaScript code in this page.
  * ----------------------------------------------- */
 
-particlesJS('particles-bg',
+particlesJS("particles-bg",
 
   {
     "particles": {
@@ -36,7 +36,9 @@ particlesJS('particles-bg',
         }
       },
       "color": {
-        "value": "#ffffff"
+        "value": window.getComputedStyle(
+                     document.getElementById("particles-bg")
+                 ).getPropertyValue("--notfound-particles-color").trim()
       },
       "shape": {
         "type": "circle"
diff --git a/themes/doublefourteen/assets/sass/notfound.sass b/themes/doublefourteen/assets/sass/notfound.sass
index 8406842..e95fdd8 100644
--- a/themes/doublefourteen/assets/sass/notfound.sass
+++ b/themes/doublefourteen/assets/sass/notfound.sass
@@ -27,6 +27,8 @@
     size: 144px 256px
 
 #particles-bg
+  --notfound-particles-color: #000
+
   position: absolute
   width: 100%
   height: 100%
@@ -39,3 +41,7 @@
     text-align: center
   .notfound-page
     flex-direction: column
+
+@media (prefers-color-scheme:dark)
+  #particles-bg
+    --notfound-particles-color: #fff