summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorWolfgang Müller2024-10-02 18:38:05 +0200
committerWolfgang Müller2024-10-02 18:38:05 +0200
commit28026c3324ec7ac351bbca2f8792ba33def00019 (patch)
treebfb396c28c652d07c4327a6dc3006c451868211f
parent222ad9f829735c24afa7cb08f2b4031eee08459d (diff)
downloadzunzuncito-28026c3324ec7ac351bbca2f8792ba33def00019.tar.gz
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.
-rw-r--r--sass/style.sass12
1 files changed, 10 insertions, 2 deletions
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