From 28026c3324ec7ac351bbca2f8792ba33def00019 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Wed, 2 Oct 2024 18:38:05 +0200
Subject: sass: Give <pre> a more intense background colour

This helps readability significantly, especially on posts with a large
amount of pre-formatted content. Pick the same colour we've been using
on the main site.
---
 sass/style.sass | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'sass')

diff --git a/sass/style.sass b/sass/style.sass
index 68a4c5e..9446b8f 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -13,13 +13,16 @@
 
   --fg-color: black
   --fg-color-mute: #5a5a5a
+  --fg-color-pre: black
   --fg-href: #0000ee
   --fg-href-visited: #551a8b
 
   --bg-color: white
+  --bg-color-pre: #ffffc3
 
   --border-color-light: lightgrey
   --border-color-dark: darkgrey
+  --border-color-pre: #e0e0c3
 
 @media (prefers-color-scheme: dark)
   \:root
@@ -27,8 +30,11 @@
     --fg-color-mute: #7a7a7a
     --fg-href: #7676ff
     --fg-href-visited: #9547dd
+    --fg-color-pre: #f0f0f0
 
     --bg-color: #000000
+    --bg-color-pre: #1f1f1f
+    --border-color-pre: #2f2f2f
 
 @mixin spacer
   content: '·'
@@ -71,8 +77,10 @@ h2.title
     color: inherit
 
 pre
-  border: 1px solid var(--border-color-light)
-  box-shadow: 0px 0px 2px var(--border-color-light)
+  color: var(--fg-color-pre)
+  background-color: var(--bg-color-pre)
+  border: 1px solid var(--border-color-pre)
+  box-shadow: 0px 0px 2px var(--border-color-pre)
   padding: .5em
   overflow: auto
 
-- 
cgit v1.2.3-2-gb3c3