Theme variables
This section describes the variables that you can customize in /assets/css/02_variables.css
| Variable | Description |
|---|---|
| --primary-color | This color is used on the main components of the portal, such as API titles, Markdown headers or links. |
| --secondary-color | This color is used for components such as the background of the portal and of operation descriptions. |
| --header-background | This color is used for the header background. |
| --header-color | This color is used for the header text. |
| --header-brand-logo | This variable specifies the file to use as the brand logo. You can edit it by replacing the default file itself or by uploading a new file and changing the path in this variable. |
| --footer-background-color | This color is used for the footer background. |
| --footer-color | This color is used for the footer text. |
| --get-request-color | This color is used for the text on the GET badge. |
| --get-request-background-color | This color is used for the background of the GET badge. |
| --head-request-color | This color is used for the text on the HEAD badge. |
| --head-request-background-color | This color is used for the background of the HEAD badge. |
| --options-request-color | This color is used for the text on the OPTIONS badge. |
| --options-request-background-color | This color is used for the background of the OPTIONS badge. |
| --post-request-color | This color is used for the text on the POST badge. |
| --post-request-background-color | This color is used for the background of the POST badge. |
| --patch-request-color | This color is used for the text on the PATCH badge. |
| --patch-request-background-color | This color is used for the background of the PATCH badge. |
| --put-request-color | This color is used for the text on the PUT badge. |
| --put-request-background-color | This color is used for the background of the PUT badge. |
| --delete-request-color | This color is used for the text on the DELETE badge. |
| --delete-request-background-color | This color is used for the background of the DELETE badge. |
| --color--neutral | This color is used for text in components such as the Optional badge and examples. |
| --color--neutral-bg | This color is used for the background in components such as the Optional badge and examples. |
| --color--warn-bg | This color is used for the background in components such as the Required badge and the 4XX status badge. |
| --color--warn | This color is used for text in components such as the Required badge and the 4XX status badge. |
| --color--error-bg | This color is used for the background in components such as the 5XX status badge. |
| --color--error | This color is used for text in components such as the 5XX status badge. |
| --color--redirect-bg | This color is used for the background in components such as the 3XX status badge. |
| --color--redirect | This color is used for text in components such as the 3XX status badge. |
| --color--success-bg | This color is used for the background in components such as the 2XX status badge. |
| --color--success | This color is used for text in components such as the 2XX status badge. |
| --font-family-sans-serif | This variable defines the font to use for the whole portal. |
| --font-size-xxs | This font size is used for components such as request method badges. |
| --font-size-xs | This size is used as the root font size. If you change this value, all other font sizes will change proportionally. |
| --font-size-sm | This font size is used for components such as the API names on the homepage. |
| --font-size-md | This font size is used for components such as the portal header and API section titles. |
| --font-size-lg | This font size is used for components such as API names in the API documentation. |
Did this page help you?
If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!