diff --git a/index.html b/index.html
index 22611a0ce787eec96f1f6372a5f3e48779f119d0..b71b7c987edc42880a05affa029ba92eeb29df52 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,23 @@
.explanation {
opacity: .5;
}
+ @media (prefers-color-scheme: dark) {
+ body {
+ background-color: #1e1e2e;
+ color: #cdd6f4;
+
+ }
+ h1 {
+ color: #eba0ac;
+ }
+ a {
+ color: #89b4fa;
+ text-decoration: none;
+ }
+ a:hover, a:focus {
+ text-decoration: underline;
+ }
+ }
</style>
</head>
<body>