Demo is almost unreadable in "dark mode"

[jacobemcken]

Firefox supports following the system choice, between "light mode" (default) and "dark mode". Chrome is still lagging behind in this regard, here a user AFAIK always be presented with the "light mode" regardless of the system choice.

In Firefox and presumably other browsers supporting this, the demo looks like so:

The easiest solution would probably be to just disable "dark mode" in the demo altogether, instead of "pretending" to support it.

[jacobemcken]

DISCALIMER: I know very little of frontend including CSS.

The following seems to work:

diff --git a/demo/style.css b/demo/style.css
index 5f85acd..f0aa97f 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -4,7 +4,7 @@
   line-height: 24px;
   font-weight: 400;
 
-  color-scheme: light dark;
+  color-scheme: normal;
   color: rgba(255, 255, 255, 0.87);
   background-color: #242424;
 
@@ -83,7 +83,7 @@ button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
 
-@media (prefers-color-scheme: light) {
+@media {
   :root {
     color: #213547;
     background-color: #ffffff;