[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: Official light blurple theme
*/
/* Use light code highlights. */
@import url("../dist/_prism-light.css");
:root {
/* Define our nice blurple palette */
--blurple1: #ebe6f8;
@ -90,8 +93,8 @@ html, body {
/* Code snippets */
pre, pre[class*="language-"],
code, code[class*="language-"] {
background-color: var(--blurple7);
color: var(--blurple2);
background-color: var(--blurple1);
color: var(--blurple7);
}
/* Block quotes */