diff options
| author |  tobi <tobi.smethurst@protonmail.com> | 2025-05-30 11:06:08 +0200 |
|---|---|---|
| committer |  kim <gruf@noreply.codeberg.org> | 2025-05-30 11:06:08 +0200 |
| commit | 2c73bb3602ebdc40a58b9790cc7f5785e44ea24c (patch) | |
| tree | 10d80dd2ea9735cda895e9e89bfc9553a42ae4cb /web/assets/themes/brutalist.css | |
| parent | [feature/frontend] Add four new monospace themes (#4199) (diff) | |
| download | gotosocial-2c73bb3602ebdc40a58b9790cc7f5785e44ea24c.tar.xz | |
[feature/frontend] Respect color scheme preference for highlighted code blocks (#4201)
That's it! It just conditionally imports prism light or prism dark depending on the theme.
Reviewed-on: https://codeberg.org/superseriousbusiness/gotosocial/pulls/4201
Co-authored-by: tobi <tobi.smethurst@protonmail.com>
Co-committed-by: tobi <tobi.smethurst@protonmail.com>
Diffstat (limited to 'web/assets/themes/brutalist.css')
| -rw-r--r-- | web/assets/themes/brutalist.css | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/web/assets/themes/brutalist.css b/web/assets/themes/brutalist.css index e183ee50c..a4bbd4dde 100644 --- a/web/assets/themes/brutalist.css +++ b/web/assets/themes/brutalist.css @@ -3,6 +3,9 @@ theme-description: (Pseudo-)monochrome brutality */ +/* Use light code highlights. */ +@import url("../dist/_prism-light.css"); + :root { /* Define our color palette, two whole colors, wow! */ --almost-black: #06170e; @@ -34,6 +37,7 @@ /* Used around statuses + other items */ --double-border: 0.5rem double var(--almost-black); --dashed-border: 0.1rem dashed var(--almost-black); + --thick-dashed-border: 0.2rem dashed var(--almost-black); --single-border: 0.2rem solid var(--almost-black); /* Override some border stuff */ @@ -92,14 +96,13 @@ html, body { /* Code snippets */ .status .text .content pre, .status .text .content code { - background: var(--almost-black); - color: var(--almost-white); + background: var(--almost-white); } /* Block quotes */ .status .text .content blockquote { - background-color: var(--almost-black); - color: var(--almost-white); + background-color: var(--almost-white); + color: var(--almost-black); } /* Polls */ @@ -131,14 +134,14 @@ html, body { /* Make show more/less buttons more legible */ .button { - background-color: var(--almost-black); - color: var(--almost-white); - border: var(--dashed-border); + background-color: var(--almost-white); + color: var(--almost-black); + border: var(--single-border); } .button:hover { background-color: var(--almost-white); color: var(--almost-black); - border: var(--dashed-border); + border: var(--thick-dashed-border); } /* |