diff options
| author | Alessio Di Mauro <alessio@alessiodimauro.com> | 2021-08-06 16:55:03 +0300 |
|---|---|---|
| committer | Alessio Di Mauro <alessio@alessiodimauro.com> | 2021-08-06 17:05:47 +0300 |
| commit | 32a07b5109564f96f2122c4009150b9a568f1900 (patch) | |
| tree | 9154c9047ab449a818979ea550e570b323305fab | |
| parent | bc5c57112c3475d5292c6a6e34766d50b8e568b8 (diff) | |
Fix <pre> HTML tag to follow theme settings
The <pre> tag was set to a fixed background color that on the light
theme happened to be the same color of the text, making it impossible
to read.
This changes the background color to follow the theme setting using
the secondary light/dark color as background.
| -rw-r--r-- | assets/scss/_main.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index b783fc4..7a62d4b 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -239,7 +239,14 @@ code { } pre { - background: #212020; + [data-theme=dark] & { + background-color: $dark-background-secondary; + } + + [data-theme=light] & { + background-color: $light-background-secondary; + } + padding: 10px 10px 10px 20px; border-radius: 8px; font-size: 0.95rem; |