Theme

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:

  • Click on Project settings in the sidebar.
  • Under Customisation, choose the theme.
  • Click Save.

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

Show Theme Toggle

To show a theme toggle for readers:

  • Click on Project settings in the sidebar.
  • Under Customisation, check Show Theme Toggle.
  • Click Save.

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.

Type to search, ESC to discard
Type to search, ESC to discard
Type to search, ESC to discard
  Last updated by Zaid Daba'een
customisation