From 58a25b8a9c15d055bedc66912a057284ae3ce082 Mon Sep 17 00:00:00 2001 From: cfngc4594 Date: Fri, 7 Mar 2025 11:31:40 +0800 Subject: [PATCH] feat(rehype-pretty-code): add support for multiple predefined themes (dark and light modes) --- src/app/globals.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/app/globals.css b/src/app/globals.css index dccb447..163a373 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -114,3 +114,17 @@ padding: 15px; } } + +code[data-theme*=" "], +code[data-theme*=" "] span { + color: var(--shiki-light); + background-color: var(--shiki-light-bg); +} + +@media (prefers-color-scheme: dark) { + code[data-theme*=" "], + code[data-theme*=" "] span { + color: var(--shiki-dark); + background-color: var(--shiki-dark-bg); + } +}