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.

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.

VariableType to search · ESC to discard
GlossaryType to search · ESC to discard
InsertType to search · ESC to discard
No matches
  Last updated
customisation