[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>
This commit is contained in:
tobi 2025-05-30 11:06:08 +02:00 committed by kim
commit 2c73bb3602
17 changed files with 75 additions and 31 deletions

View file

@ -3,6 +3,9 @@
theme-description: Light gray and green monospace theme
*/
/* Use light code highlights. */
@import url("../dist/_prism-light.css");
:root {
/* Define our cool hacker color palette, I'm in. */
--dark-gray: #1b1b1b;
@ -125,8 +128,8 @@ button, .button,
/* Code snippets */
pre, pre[class*="language-"],
code, code[class*="language-"] {
background: var(--dark-gray);
color: var(--whiteish);
background: var(--whiteish);
color: var(--dark-gray);
}
/* Block quotes */