feat(guide): light theme for syntax

discordjs · Mar 25, 2023 · b8b852e · b8b852e · vercel · Mar 25, 2023
1 parent ba93bc8
commit b8b852e
Show file tree

Hide file tree

Showing 6 changed files with 312 additions and 617 deletions.
diff --git a/apps/guide/contentlayer.config.ts b/apps/guide/contentlayer.config.ts
@@ -6,7 +6,6 @@ import { defineDocumentType, makeSource } from 'contentlayer/source-files';
 // import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
-import themeGitHubDarkDimmed from './src/assets/github-dark-dimmed.json';
 
 export const Content = defineDocumentType(() => ({
 	name: 'Content',
@@ -68,7 +67,7 @@ export default makeSource({
 	contentDirPath: 'src/content',
 	documentTypes: [Content],
 	mdx: {
-		remarkPlugins: [remarkGfm, [remarkCodeHike, { theme: themeGitHubDarkDimmed, lineNumbers: true }]],
+		remarkPlugins: [remarkGfm, [remarkCodeHike, { theme: 'css-variables', lineNumbers: true }]],
 		rehypePlugins: [
 			rehypeSlug,
 			// [

diff --git a/apps/guide/package.json b/apps/guide/package.json
@@ -43,7 +43,7 @@
 	},
 	"homepage": "https://discord.js.org",
 	"dependencies": {
-		"@code-hike/mdx": "^0.8.1",
+		"@code-hike/mdx": "^0.7.5-next.0",
 		"@discordjs/ui": "workspace:^",
 		"@react-icons/all-files": "^4.1.0",
 		"@vercel/analytics": "^0.1.11",

diff --git a/apps/guide/src/app/layout.tsx b/apps/guide/src/app/layout.tsx
@@ -9,6 +9,7 @@ import '@unocss/reset/tailwind-compat.css';
 import '~/styles/unocss.css';
 import '~/styles/cmdk.css';
 import '@code-hike/mdx/styles.css';
+import '~/styles/ch.css';
 import '~/styles/main.css';
 
 export const metadata: Metadata = {