From 5ffc6bd411065c53b963c8109692289b981ba244 Mon Sep 17 00:00:00 2001
From: Patrick Spek <p.spek@tyil.nl>
Date: Mon, 14 Feb 2022 18:26:08 +0100
Subject: Update highlighting themes

---
 assets/theme/main.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'assets/theme')

diff --git a/assets/theme/main.scss b/assets/theme/main.scss
index fd244ce..d0c203d 100644
--- a/assets/theme/main.scss
+++ b/assets/theme/main.scss
@@ -1,21 +1,27 @@
 // Variables
 $mainWidth: 900px;
 
+
 // Colors
+@import url("/css/highlight-emacs.css") screen and (prefers-color-scheme: light);
+@import url("/css/highlight-monokai.css") screen and (prefers-color-scheme: dark);
+
 @media (prefers-color-scheme: light) {
 	:root {
+		--blockBackgroundColor: #c2beb9;
 		--bodyBackgroundColor: #d7d5d1;
 		--bodyForegroundColor: #2a2e2f;
-		--blockBackgroundColor: #c2beb9;
+		--codeBackgroundColor: #f8f8f8;
 		--linkForegroundColor: #07a;
 	}
 }
 
 @media (prefers-color-scheme: dark) {
 	:root {
-		--BodyBackgroundColor: #131516;
-		--BodyForegroundColor: #bcb7ae;
-		--BlockBackgroundColor: #1c1e1f;
+		--blockBackgroundColor: #1c1e1f;
+		--bodyBackgroundColor: #131516;
+		--bodyForegroundColor: #bcb7ae;
+		--codeBackgroundColor: #272822;
 		--linkForegroundColor: #07a;
 	}
 }
@@ -165,7 +171,7 @@ a, a:visited {
 // Syntax highlighting
 div.highlight {
 	border: 2px solid var(--bodyForegroundColor);
-	background-color: var(--blockBackgroundColor);
+	background-color: var(--codeBackgroundColor);
 	width: 90%;
 	margin: 0 auto;
 	overflow-x: auto;
-- 
cgit v1.1