use theme in color and component

denoland · Feb 7, 2024 · c283a16 · c283a16
1 parent 30c0dc7
commit c283a16
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/blog.tsx b/blog.tsx
@@ -104,7 +104,7 @@ function errorHandler(err: unknown) {
  */
 export default async function blog(settings?: BlogSettings) {
   html.use(UnoCSS(settings?.unocss)); // Load custom unocss module if provided
-  html.use(ColorScheme("auto"));
+  html.use(ColorScheme(settings?.theme == "dark" ? "dark" : "auto"));
 
   const url = callsites()[1].getFileName()!;
   const blogState = await configureBlog(url, IS_DEV, settings);

diff --git a/components.tsx b/components.tsx
@@ -217,8 +217,8 @@ export function PostPage({ post, state }: PostPageProps) {
           <div
             class="mt-8 markdown-body"
             data-color-mode={state.theme ?? "auto"}
-            data-light-theme="light"
-            data-dark-theme="dark"
+            data-light-theme={state.theme ?? "light"}
+            data-dark-theme={state.theme ?? "dark"}
             dangerouslySetInnerHTML={{ __html: html }}
           />
         </article>