Skip to content

Customize Site Colors

This is a quick guide to change your site's colors. For more detailed customization, see the full customization guide.

Change Colors in mkdocs.yml

  1. Click the ⚙️ (gear) icon in the editor or open mkdocs.yml
  2. Find the theme: section
  3. Update the color scheme:
theme:
  palette:
    scheme: slate  # Change to 'default' for light mode
    primary: amber # Try: red, pink, purple, deep-purple, blue, green
    accent: deep purple # Try: teal, orange, blue-grey

Popular color options:

  • Primary: indigo, blue, red, teal, purple, green
  • Accent: pink, orange, yellow, blue, purple, green

Changes take effect immediately when you save the file!