A clean, modern MkDocs theme built with TailwindCSS. Features a Doom One dark mode, full-text search, responsive layout, and BEM-structured CSS.
- TailwindCSS via Play CDN with custom color palette
- Doom One dark mode — toggle with button, respects system preference, persisted in localStorage
- Full-text search — lunr.js powered,
Ctrl+K/Cmd+Kshortcut, keyboard navigation, highlighted snippets - Responsive — collapsible sidebar on mobile, three-column layout on desktop (sidebar / content / table of contents)
- Table of contents — right sidebar with scroll-spy highlighting
- Prev / Next navigation between pages
- Syntax highlighting — highlight.js with GitHub Light / Atom One Dark themes
- Inter + JetBrains Mono fonts
- BEM-structured CSS — all styles use Block Element Modifier naming, no inline utility classes
pip install mkdocs-cwdSet the theme in your mkdocs.yml:
site_name: My Docs
theme:
name: cwd
plugins:
- searchThe search plugin is required for the search modal to work.
Dark mode uses the Doom One color palette from Doom Emacs. It toggles via:
- The moon/sun button in the header
- System preference (
prefers-color-scheme: dark) - Persisted in
localStorageacross sessions
| Role | Light | Dark (Doom One) |
|---|---|---|
| Background | #ffffff |
#282c34 |
| Elevated surface | #f8fafc |
#23272e |
| Border | #e2e8f0 |
#3f444a |
| Body text | #475569 |
#bbc2cf |
| Muted text | #94a3b8 |
#5B6268 |
| Headings | #0f172a |
#DFDFDF |
| Links | #4f46e5 |
#51afef |
| Inline code | #4338ca |
#4db5bd |
| Highlights | #e0e7ff |
#ECBE7B |
Override any template by creating a custom_dir alongside the theme:
theme:
name: cwd
custom_dir: overrides/Then place partial templates in overrides/ to extend or replace blocks.
git clone https://github.com/catwatchdog/mkdocs-cwd.git
cd mkdocs-cwd
pip install -e .MIT
