diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index 191e96d..3569613 100644
--- a/themes/theme/templates/style.css
+++ b/themes/theme/templates/style.css
@@ -169,7 +169,7 @@ pre {
 
 
 body {
-	background-color: #fff;
+	background-color: #eee;
 	color: #000;
 }
 
@@ -179,11 +179,11 @@ a {
 }
 
 pre {
-	background-color: #eee;
+	background-color: #ddd;
 }
 
 .toc {
-	background-color: #eee;
+	background-color: #ddd;
 }
 
 .content p.metadata {
@@ -192,12 +192,12 @@ pre {
 
 body.dark {
 	background-color: #000;
-	color: #fff;
+	color: #eee;
 }
 
 body.dark a {
-	color: #fff;
-	border-bottom: 1px solid #fff;
+	color: #eee;
+	border-bottom: 1px solid #eee;
 }
 
 body.dark pre {
@@ -222,7 +222,7 @@ body.dark .contact-icons img {
 
 @media (prefers-color-scheme: dark) {
 	body.light {
-		background-color: #fff;
+		background-color: #eee;
 		color: #000;
 	}
 
@@ -232,11 +232,11 @@ body.dark .contact-icons img {
 	}
 
 	body.light pre {
-		background-color: #eee;
+		background-color: #ddd;
 	}
 
 	body.light .toc {
-		background-color: #eee;
+		background-color: #ddd;
 	}
 
 	body.light .content p.metadata {
@@ -253,12 +253,12 @@ body.dark .contact-icons img {
 
 	body {
 		background-color: #000;
-		color: #fff;
+		color: #eee;
 	}
 
 	a {
-		color: #fff;
-		border-bottom: 1px solid #fff;
+		color: #eee;
+		border-bottom: 1px solid #eee;
 	}
 
 	pre {