Docunicorn

Docunicorn is a docs template powered by Content Collections and Next.js

Config Theme

Docunicorn use shadcn/ui be ui framework. you can copy theme from 10000+ Themes for shadcn/ui to styles/gobals.css

Code Theme

Configure the code theme using rehype-pretty-code in content-collections.ts.

rehype-pretty-code is a rehype plugin powered by the shiki syntax highlighter that provides beautiful code blocks for Markdown or MDX

All built-in themes

type BundledTheme =
  | 'andromeeda'
  | 'aurora-x'
  | 'ayu-dark'
  | 'catppuccin-frappe'
  | 'catppuccin-latte'
  | 'catppuccin-macchiato'
  | 'catppuccin-mocha'
  | 'dark-plus'
  | 'dracula'
  | 'dracula-soft'
  | 'github-dark'
  | 'github-dark-default'
  | 'github-dark-dimmed'
  | 'github-light'
  | 'github-light-default'
  | 'houston'
  | 'laserwave'
  | 'light-plus'
  | 'material-theme'
  | 'material-theme-darker'
  | 'material-theme-lighter'
  | 'material-theme-ocean'
  | 'material-theme-palenight'
  | 'min-dark'
  | 'min-light'
  | 'monokai'
  | 'night-owl'
  | 'nord'
  | 'one-dark-pro'
  | 'one-light'
  | 'poimandres'
  | 'red'
  | 'rose-pine'
  | 'rose-pine-dawn'
  | 'rose-pine-moon'
  | 'slack-dark'
  | 'slack-ochin'
  | 'snazzy-light'
  | 'solarized-dark'
  | 'solarized-light'
  | 'synthwave-84'
  | 'tokyo-night'
  | 'vesper'
  | 'vitesse-black'
  | 'vitesse-dark'
  | 'vitesse-light'

Supported Languages

Markdown style

Markdown components have been mapped to src/components/mdx-components.tsx. You can modify the component code in this file to change the styles of Markdown components.

Alternatively, you can update the file src/styles/mdx.css directly.