Default chrome://dino to "night mode" when using dark mode

Bug: 1026136
Change-Id: Ic9c7f4f12e20e2834f47e8610b723da398170301
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1923907
Commit-Queue: Cathy Li <chili@chromium.org>
Reviewed-by: Cathy Li <chili@chromium.org>
Cr-Commit-Position: refs/heads/master@{#716813}

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>

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.