diff --git a/static/errors/errors.html b/static/errors/errors.html
index 993f2b0..5ed3593 100644
--- a/static/errors/errors.html
+++ b/static/errors/errors.html
@@ -20,6 +20,18 @@
                 flex-direction: column;
             }
 
+            
+            @media ( prefers-color-scheme: dark ) {
+                body {
+                    background-color: rgb(20, 20, 20);
+                    color: white;
+                }
+
+                .error {
+                    color: white;
+                }
+            }
+
             .material-symbols-outlined {
                 font-variation-settings:
                 'FILL' 0,
diff --git a/static/errors/unavailable.html b/static/errors/unavailable.html
index 931bfac..29abb18 100644
--- a/static/errors/unavailable.html
+++ b/static/errors/unavailable.html
@@ -20,6 +20,17 @@
                 flex-direction: column;
             }
 
+            @media ( prefers-color-scheme: dark ) {
+                body {
+                    background-color: rgb(20, 20, 20);
+                    color: white;
+                }
+
+                .error {
+                    color: white;
+                }
+            }
+
             .material-symbols-outlined {
                 font-variation-settings:
                 'FILL' 0,