diff options
| author | Wolfgang Müller | 2024-10-02 18:38:05 +0200 |
|---|---|---|
| committer | Wolfgang Müller | 2024-10-02 18:38:05 +0200 |
| commit | 28026c3324ec7ac351bbca2f8792ba33def00019 (patch) | |
| tree | bfb396c28c652d07c4327a6dc3006c451868211f /sass | |
| parent | 222ad9f829735c24afa7cb08f2b4031eee08459d (diff) | |
| download | zunzuncito-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.
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/style.sass | 12 |
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 |