Skip to content

Commit 48d3ded

Browse files
michaelchuclaude
andcommitted
Customize MkDocs theme to match Chainlit UI branding
- Set primary color to match Chainlit submit button (steel blue) - Add Onest font for text and JetBrains Mono for code - Use logo-small icon in header (white for dark header) and favicon (dark for browser tab) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 81b94a3 commit 48d3ded

File tree

4 files changed

+16
-2
lines changed

4 files changed

+16
-2
lines changed

docs/assets/logo-small-dark.png

24.9 KB
Loading

docs/assets/logo-small.png

33.4 KB
Loading

docs/stylesheets/extra.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
:root {
2+
--md-primary-fg-color: hsl(201, 19.3%, 23.3%);
3+
--md-primary-fg-color--light: hsl(201, 19.3%, 35%);
4+
--md-primary-fg-color--dark: hsl(201, 19.3%, 18%);
5+
--md-accent-fg-color: hsl(201, 19.3%, 45%);
6+
}

mkdocs.yml

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,13 @@ theme:
99
name: material
1010
palette:
1111
scheme: default
12-
primary: indigo
13-
accent: indigo
12+
primary: custom
13+
accent: custom
14+
font:
15+
text: Onest
16+
code: JetBrains Mono
17+
logo: assets/logo-small-dark.png
18+
favicon: assets/logo-small.png
1419
features:
1520
- navigation.tracking
1621
- navigation.tabs
@@ -62,6 +67,9 @@ markdown_extensions:
6267
- attr_list
6368
- md_in_html
6469

70+
extra_css:
71+
- stylesheets/extra.css
72+
6573
plugins:
6674
- search
6775
- mkdocstrings:

0 commit comments

Comments
 (0)