imported highlight.js theme css using postcss & tailwindcss

2024-05-10 19:22:12 +10:00
parent d7a9fb6a8c
commit 552c99bfe7
5 changed files with 45 additions and 41 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,3 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+@import "highlight.js/styles/base16/atelier-forest-light.min.css";
--- a/app/mark/page.tsx
+++ b/app/mark/page.tsx
@@ -14,8 +14,8 @@ export default async function Mark() {
        .use(remarkParse)
        .use(remarkGfm)
        .use(remarkRehype)
-        .use(rehypeHighlight)
        .use(rehypeSanitize)
+        .use(rehypeHighlight)
        .use(rehypeReact, {
            Fragment: Fragment,
            jsx: jsx,