Theme

AI Tools

Docs in DeveloperHub can have two themes:

  • Light theme

  • Dark theme

It is possible to set the default theme for readers and to show a toggle for your readers to enable them to change the theme to their liking.

Setting the theme

To change the default theme for readers:

  • Open Project Settings → Customisation.

  • Choose the theme.

  • Click Save changes in the top menu.

Code Theme

We suggest using the light code theme when using the light theme.

Show Theme Toggle

To show a theme toggle for readers:

  • Open Project Settings → Customisation.

  • Check Show Theme Toggle.

  • Click Save changes in the top menu.

Light Theme


Dark Theme


Modifying the theme

To modify the theme, update CSS Variables as needed, or add your own Custom CSS. A global .dark-mode CSS selector is added on document.body when dark theme is applied.

  Last updated
customisation