From 5ffc6bd411065c53b963c8109692289b981ba244 Mon Sep 17 00:00:00 2001
From: Patrick Spek
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/main.scss')
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