tweak: dark mode

airjp73 · Jun 11, 2024 · 0c55480 · 0c55480
1 parent b236f92
commit 0c55480
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/docs-v2/app/mdx/rehype.mjs b/apps/docs-v2/app/mdx/rehype.mjs
@@ -84,8 +84,8 @@ export const rehypePlugins = [
     rehypeShiki,
     {
       themes: {
-        light: "github-light",
-        dark: "github-dark",
+        light: "catppuccin-latte",
+        dark: "catppuccin-mocha",
       },
       defaultLanguage: "tsx",
       cssVariablePrefix: "--shiki-",

diff --git a/apps/docs-v2/app/ui/mdx/Code.tsx b/apps/docs-v2/app/ui/mdx/Code.tsx
@@ -101,9 +101,9 @@ export function CodeHeader({
   tabs?: React.ReactNode;
 }) {
   return (
-    <div className="flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4 dark:border-zinc-800 dark:bg-transparent">
+    <div className="flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-400 bg-zinc-100 px-4 dark:border-zinc-800 dark:bg-transparent">
       {title && (
-        <h3 className="mr-auto pt-3 text-xs font-semibold text-white">
+        <h3 className="mr-auto pt-3 text-xs font-semibold text-blck dark:text-white">
           {title}
         </h3>
       )}{" "}