diff --git a/AUTHORS b/AUTHORS
index c26282c09bba80..1a6e96eb5ab0b1 100644
--- a/AUTHORS
+++ b/AUTHORS
@@ -136,6 +136,7 @@ Bobby Powers <bobbypowers@gmail.com>
 Branden Archer <bma4@zips.uakron.edu>
 Brendan Kirby <brendan.kirby@imgtec.com>
 Brendan Long <self@brendanlong.com>
+Brian Clifton <clifton@brave.com>
 Brian G. Merrell <bgmerrell@gmail.com>
 Brian Konzman, SJ <b.g.konzman@gmail.com>
 Brian Luft <brian@electroly.com>
diff --git a/components/neterror/resources/offline.js b/components/neterror/resources/offline.js
index 02f542e79df65e..f2f0c54688f23d 100644
--- a/components/neterror/resources/offline.js
+++ b/components/neterror/resources/offline.js
@@ -405,6 +405,14 @@ Runner.prototype = {
 
     window.addEventListener(Runner.events.RESIZE,
         this.debounceResize.bind(this));
+
+    // Handle dark mode
+    const darkModeMediaQuery =
+        window.matchMedia('(prefers-color-scheme: dark)');
+    this.isDarkMode = darkModeMediaQuery && darkModeMediaQuery.matches;
+    darkModeMediaQuery.addListener((e) => {
+      this.isDarkMode = e.matches;
+    });
   },
 
   /**
@@ -576,9 +584,10 @@ Runner.prototype = {
       if (this.playingIntro) {
         this.horizon.update(0, this.currentSpeed, hasObstacles);
       } else {
+        const showNightMode = this.isDarkMode ^ this.inverted;
         deltaTime = !this.activated ? 0 : deltaTime;
-        this.horizon.update(deltaTime, this.currentSpeed, hasObstacles,
-            this.inverted);
+        this.horizon.update(
+            deltaTime, this.currentSpeed, hasObstacles, showNightMode);
       }
 
       // Check for collisions.