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