Browse Source

Added dark mode styles, made light mode body background a bit darker

Kristian Vos 1 month ago
parent
commit
14391a16ac
1 changed files with 19 additions and 1 deletions
  1. 19 1
      style.css

+ 19 - 1
style.css

@@ -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;
+	}
+}