Administrators can change the default theme of the Developer Portal to a custom theme. To modify the theme, navigate to Settings → Theme (under the Portal heading). This page allows administrators to customize the Developer Portal's appearance and layout. The top menu includes the following options:
- Fullscreen: Opens the preview in a new window.
- Reset: Resets the theme from the last backup. Backups occur when you select Save.
- Save: Saves your theme.
- Enabled: Activates the theme in the Developer Portal.
- Import: Upload a custom theme in JSON format. Export the current theme first to view the required structure for the JSON file.
- Export: Downloads your current theme in JSON format.
- Restore Default Theme: Overwrites your modifications with the default theme.
Basic customization
You can configure the following basic customization settings.
| Property | Use case |
|---|---|
| Images | Show logos. An optional logo is used for the homepage and the footer. Using the default logo overrides the optional logo. |
| Homepage | Add a Homepage background image. |
| Colors | Define primary, neutral, and font colors. |
| Fonts | Choose font family and sizes. Medium sizes are used by default. |
Advanced customization
Each component uses its own properties, which are grouped into common variables where possible. To further customize the Developer Portal, you can define the graphic properties to expose for each component.
For example, hover over the color bubble to see common component colors. If a common property is used, it appears in the placeholder field for other property types.