From c4b278982c490760b24676c06818cfa0320202a6 Mon Sep 17 00:00:00 2001
From: Robin Whittleton <robin@reala.net>
Date: Tue, 15 Oct 2019 20:54:05 +0200
Subject: [PATCH] Add dark mode support for code snippets

Basically just darkening the background more.
---
 www/css/core.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/www/css/core.css b/www/css/core.css
index 66d522c1..2685822e 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -1192,6 +1192,15 @@ code.css.full{
 	color: #fff !important; /* in case code highlighting fails */
 }
 
+@media (prefers-color-scheme: dark){
+	figure code.html,
+	figure code.css,
+	code.html.full,
+	code.css.full{
+		background-color: var(--light-body-text);
+	}
+}
+
 code.full{
 	margin-top: 1rem;
 	color: #fff !important; /* in case code highlighting fails */
@@ -1232,6 +1241,12 @@ code.terminal{
 	overflow: auto;
 }
 
+@media (prefers-color-scheme: dark){
+	code.terminal{
+		background-color: var(--light-body-text);
+	}
+}
+
 code.terminal::before{
 	content: url('/images/terminal.svg');
 	height: 1rem;