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. |