|
@@ -39,6 +39,7 @@ body {
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
margin: 0;
|
|
|
+ background-color: #f0f0f0;
|
|
|
}
|
|
|
|
|
|
header {
|
|
@@ -84,4 +85,21 @@ main .block {
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
row-gap: 8px;
|
|
|
-}
|
|
|
+}
|
|
|
+
|
|
|
+@media (prefers-color-scheme: dark) {
|
|
|
+ body {
|
|
|
+ background-color:rgb(24, 19, 19);
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ main .block {
|
|
|
+ color: white;
|
|
|
+ background-color: rgb(41, 36, 36);
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: white;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+}
|