Theme variables - Cloud

Talend Cloud API Designer User Guide

Version
Cloud
Language
English (United States)
Product
Talend Cloud
Module
Talend API Designer
Content
Design and Development > Designing APIs

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.