CSS Profile Property Reference

Sets the color of the "NEGATIVE" parameter value on light backgrounds. Also applies to validation text and error icons.

Components
- Box layout (applies to the label when the style parameter is set to "ERROR")
- Button
- Card layout
- Gauge
- KPI
- Message banner
- Milestone
- Progress bar
- Rich text
- Section layout
- Stamp
- Tag

Other
- Validation text
- Validation error icons in section, tab, and box layouts

Sets the color of the "NEGATIVE" parameter value on dark backgrounds. Also applies to validation text and error icons.

Components
- Box layout (applies to the border when the style parameter is set to "ERROR")
- Button
- Card layout
- Gauge
- KPI
- Message banner
- Milestone
- Progress bar
- Rich text
- Section layout
- Stamp
- Tag

Other
- Validation text
- Validation error icons in section, tab, and box layouts

Sets the color of the "ERROR" parameter value when used as a background color.

Components
- Box layout
- Card layout
- Grid column
- Message banner

Other
- Hazard news post

Sets the color of the "POSITIVE" parameter value on light backgrounds.

Components
- Card layout
- Gauge
- KPI
- Message banner
- Milestone
- Progress bar
- Rich text
- Section layout
- Stamp
- Tag

Sets the color of the "POSITIVE" parameter value on dark backgrounds.

Components
- Card layout
- Gauge
- KPI
- Message banner
- Milestone
- Progress bar
- Rich text
- Section layout
- Stamp
- Tag

Sets the color of the "SUCCESS" parameter value when used as a background color.

Components
- Box layout
- Card layout
- Grid column
- Message banner

Sets the color of the "WARN" parameter value on light backgrounds.

Components
- Card layout
- Gauge
- Message banner
- Milestone
- Progress bar
- Rich text
- Stamp
- Tag

Sets the color of the "WARN" parameter value on dark backgrounds.

Components
- Card layout
- Gauge
- Message banner
- Milestone
- Progress bar
- Rich text
- Stamp
- Tag

Sets the color of the "WARN" parameter value when used as a background color.

Components
- Box layout
- Card layout
- Grid column
- Message banner

Sets the color of the "INFO" parameter value on light backgrounds.

Components
- Box layout
- Card layout
- Message banner

Sets the color of the "INFO" parameter value on dark backgrounds.

Components
- Box layout
- Card layout
- Message banner

Sets the color of the "INFO" parameter value when used as a background color.

Components
- Box layout
- Card layout
- Grid column
- Message banner

This is a global property that helps ensure legibility and accessibility. It affects foreground UI elements when the background color is specifically set to "ACCENT"; it doesn't apply if the background uses the same hex code as the accent color.

Components
- Components that use"ACCENT" or "STANDARD" parameter values, including headings, rich text, stamps, and tags.

Other
- UI elements that use the accent color and don't have a component parameter to control the color, such as checkboxes, radio buttons, links, and help tooltip icons.
- Text that doesn't have a parameter to control the color, such as component labels and tab labels.

Sets the base font size used to calculate the size for UI elements that use relative values, like rems and ems. Changing this value affects the overall density and spacing of your interface. See Base font size and relative units for details about how this property interacts with relative values.

Other
- Global impact; affects all UI elements that use relative values.

Sets the line height of "LARGE_PLUS" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the line height of "LARGE" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the line height of "MEDIUM_PLUS" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the line height of "MEDIUM" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the line height of "SMALL" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the line height of "EXTRA_SMALL" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "LARGE_PLUS" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "LARGE" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "MEDIUM_PLUS" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "MEDIUM" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "SMALL" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the font size of "EXTRA_SMALL" header text.

Components
- Box Layout
- Heading
- Section Layout

Sets the background color for input fields on light backgrounds. See Input background color properties for details.

Components
- Input, selection, and picker components (excluding the toggle component). Includes both standard and card-style checkboxes and radio buttons.
- Both the toolbar and the input field box in the styled text editor component.
- Search boxes for components such as read-only grids and dropdowns.

Sets the background color for input fields on dark backgrounds. See Input background color properties for details.

Components
- Input, selection, and picker components (excluding the toggle component). Includes both standard and card-style checkboxes and radio buttons.
- Both the toolbar and the input field box in the styled text editor component.
- Search boxes for components such as read-only grids and dropdowns.

Sets the border color for search and input boxes on light backgrounds. Input boxes are the containers around input values, such as in the text, paragraph, and date components.

Components
- Input, selection, and picker components (excluding file upload, document viewer, card choices, radio button, and checkbox components).
- Search boxes for components such as read-only grids and dropdowns.

Sets the border color for search and input boxes on dark backgrounds. Input boxes are the containers around input values, such as in the text, paragraph, and date components.

Components
- Input, selection, and picker components (excluding file upload, document viewer, card choices, radio button, and checkbox components).
- Search boxes for components such as read-only grids and dropdowns.

Sets the border radius for search and input boxes. Input boxes are the containers around input values, such as in the text, paragraph, and date components. Only applies when Input Shape is set to Semi-rounded in the site or portal object.

Components
- Input, selection, and picker components (excluding file upload, document viewer, card choices, radio button, and checkbox components).
- Search boxes for components such as read-only grids and dropdowns.

Sets the border width for search and input boxes. Input boxes are the containers around input values, such as in the text, paragraph, and date components.

Components
- Input, selection, and picker components (excluding file upload, document viewer, card choices, radio button, and checkbox components).
- Search boxes for components such as read-only grids and dropdowns.

Sets the padding between the border of the box and the text for search and input boxes. Input boxes are the containers around input values, such as in the text, paragraph, and date components.

Components
- Input, selection, and picker components (excluding file upload, document viewer, card choices, radio button, and checkbox components).
- Search boxes for components such as read-only grids and dropdowns.

Sets the border color of card-style inputs for form fields on light backgrounds.

Components
- Card choices
- Card-style checkboxes
- Card-style radio buttons

Sets the border color of card-style inputs for form fields on dark backgrounds.

Components
- Card choices
- Card-style checkboxes
- Card-style radio buttons

Sets the border radius of card-style inputs for form fields. Only applies when Input Shape is set to Semi-rounded in the site or portal object.

Components
- Card choices
- Card-style checkboxes
- Card-style radio buttons

Sets the border width of card-style inputs for form fields.

Components
- Card choices
- Card-style checkboxes
- Card-style radio buttons

Sets the padding for icon-only small buttons. See Icon-only button padding for details about keeping the button square.

Components
- Button with icon but no label and size set to "SMALL"
- Icon-only small buttons in other components, including read-only grid, record action, date picker calendar pop-up, and file upload

Sets the padding for icon-only standard buttons. See Icon-only button padding for details about keeping the button square.

Components
- Button with icon but no label and size set to "STANDARD"
- Icon-only standard buttons in other components, including file upload

Sets the padding for icon-only large buttons. See Icon-only button padding for details about keeping the button square.

Components
- Button with icon but no label and size set to "LARGE"
- Icon-only large buttons in other components, including file upload

Sets the padding for small buttons.

Components
- Button with size set to "SMALL"
- Small-sized buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, and signature field

Sets the minimum width for small buttons.

Components
- Button with size set to "SMALL"
- Small-sized buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, and signature field

Sets the font size for labels on small buttons.

Components
- Button with size set to "SMALL"
- Small-sized buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, and signature field

Sets the font weight for labels on small buttons. See Font weight supported values for information about valid values.

Components
- Button with size set to "SMALL"
- Small-sized buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, and signature field

Sets the padding for standard buttons.

Components
- Button with size set to "STANDARD"
- Standard-sized buttons in other components, including styled text editor, file upload, signature field, and wizard layout

Sets the minimum width for standard buttons.

Components
- Button with size set to "STANDARD"
- Standard-sized buttons in other components, including styled text editor, file upload, signature field, and wizard layout

Sets the font size for labels on standard buttons.

Components
- Button with size set to "STANDARD"
- Standard-sized buttons in other components, including styled text editor, file upload, signature field, and wizard layout

Sets the font weight for labels on standard buttons. See Font weight supported values for information about valid values.

Components
- Button with size set to "STANDARD"
- Standard-sized buttons in other components, including styled text editor, file upload, signature field, and wizard layout

Sets the padding for large buttons.

Components
- Button with size set to "LARGE"
- Large-sized buttons in other components, including record action, file upload, and signature field

Sets the minimum width for large buttons.

Components
- Button with size set to "LARGE"
- Large-sized buttons in other components, including record action, file upload, and signature field

Sets the font size for labels on large buttons.

Components
- Button with size set to "LARGE"
- Large-sized buttons in other components, including record action, file upload, and signature field

Sets the font weight for labels on large buttons. See Font weight supported values for information about valid values.

Components
- Button with size set to "LARGE"
- Large-sized buttons in other components, including record action, file upload, and signature field

Sets the border radius for buttons. Only applies when Button Shape is set to Rounded in the site or portal object.

Components
- Button
- Buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, signature field, styled text editor, and wizard layout

Sets the border radius for buttons. Only applies when Button Shape is set to Semi-rounded in the site or portal object.

Components
- Button
- Buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, signature field, styled text editor, and wizard layout

Sets the horizontal space between buttons. Doesn't apply when buttons are stacked vertically.

Components
- Button array layout
- Button layout
- Buttons in other components, including read-only grid and wizard layout

Sets the border width for outline buttons. The border width adds to the button's total height and width.

Components
- Button with style set to "OUTLINE"
- Outline-styled buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the border width for solid buttons. The border width adds to the button's total height and width.

Components
- Button with style set to "SOLID"
- Solid-styled buttons in other components, including read-only grid, record action, and wizard layout

Sets the border width for ghost buttons. Affects both the default and hover states. The border width adds to the button's total height and width.

Components
- Button with style set to "GHOST"

Sets the blur radius of the hover glow effect on buttons. See Hover blur radius for details.

Components
- Button
- Buttons in other components, including read-only grid, record action, date picker calendar pop-up, file upload, signature field, styled text editor, and wizard layout

Sets the background color for "SOLID" buttons that use the "ACCENT" color.

Components
- Button with style set to "SOLID" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the text and icon color for "SOLID" buttons that use the "ACCENT" color.

Components
- Button with style set to "SOLID" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover background color for "SOLID" buttons that use the "ACCENT" color.

Components
- Button with style set to "SOLID" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover text and icon color for "SOLID" buttons that use the "ACCENT" color.

Components
- Button with style set to "SOLID" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the background color for "SOLID" buttons that use the "SECONDARY" color.

Components
- Button with style set to "SOLID" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the text and icon color for "SOLID" buttons that use the "SECONDARY" color.

Components
- Button with style set to "SOLID" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover background color for "SOLID" buttons that use the "SECONDARY" color.

Components
- Button with style set to "SOLID" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover text and icon color for "SOLID" buttons that use the "SECONDARY" color.

Components
- Button with style set to "SOLID" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the background color for "SOLID" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "SOLID" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "SOLID" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "SOLID" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover background color for "SOLID" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "SOLID" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "SOLID" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "SOLID" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the background color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the text and icon color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the border color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover background color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover text and icon color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover border color for "OUTLINE" buttons that use the "ACCENT" color.

Components
- Button with style set to "OUTLINE" and color set to "ACCENT"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the background color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the text and icon color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the border color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover background color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover text and icon color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the hover border color for "OUTLINE" buttons that use the "SECONDARY" color.

Components
- Button with style set to "OUTLINE" and color set to "SECONDARY"
- Buttons in other components, including read-only grid, record action, file upload, signature field, and wizard layout

Sets the background color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the border color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover background color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover border color for "OUTLINE" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "OUTLINE" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "LINK" buttons that use the "ACCENT" color.

Components
- Button with style set to "LINK" and color set to "ACCENT"
- Buttons in other components, including date picker calendar pop-up, file upload, signature field, styled text editor, and wizard layout

Sets the hover text and icon color for "LINK" buttons that use the "ACCENT" color.

Components
- Button with style set to "LINK" and color set to "ACCENT"
- Buttons in other components, including date picker calendar pop-up, file upload, signature field, styled text editor, and wizard layout

Sets the text and icon color for "LINK" buttons that use the "SECONDARY" color.

Components
- Button with style set to "LINK" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "LINK" buttons that use the "SECONDARY" color.

Components
- Button with style set to "LINK" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "LINK" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "LINK" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "LINK" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "LINK" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the background color for "GHOST" buttons that use the "ACCENT" color.

Components
- Button with style set to "GHOST" and color set to "ACCENT"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the border color for "GHOST" buttons that use the "ACCENT" color.

Components
- Button with style set to "GHOST" and color set to "ACCENT"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "GHOST" buttons that use the "ACCENT" color.

Components
- Button with style set to "GHOST" and color set to "ACCENT"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover background color for "GHOST" buttons that use the "ACCENT" color.

Components
- Button with style set to "GHOST" and color set to "ACCENT"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "GHOST" buttons that use the "ACCENT" color.

Components
- Button with style set to "GHOST" and color set to "ACCENT"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the background color for "GHOST" buttons that use the "SECONDARY" color.

Components
- Button with style set to "GHOST" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the border color for "GHOST" buttons that use the "SECONDARY" color.

Components
- Button with style set to "GHOST" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "GHOST" buttons that use the "SECONDARY" color.

Components
- Button with style set to "GHOST" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover background color for "GHOST" buttons that use the "SECONDARY" color.

Components
- Button with style set to "GHOST" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "GHOST" buttons that use the "SECONDARY" color.

Components
- Button with style set to "GHOST" and color set to "SECONDARY"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the background color for "GHOST" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "GHOST" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the border color for "GHOST" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "GHOST" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the text and icon color for "GHOST" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "GHOST" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover background color for "GHOST" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "GHOST" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the hover text and icon color for "GHOST" buttons that use the "NEGATIVE" color.

Components
- Button with style set to "GHOST" and color set to "NEGATIVE"
- Buttons in other components, including file upload, signature field, and wizard layout

Sets the font weight of the label parameter for most components. Only applies to components that also have a labelPosition parameter. See Font weight supported values for information about valid values.

Components
- Input, selection, picker, and browser components.
- Other components that have a label and labelPosition parameter, such as rich text, image, and KPI components.

Sets the font size of the label parameter for most components. Only applies to components that also have a labelPosition parameter.

Components
- Input, selection, picker, and browser components.
- Other components that have a label and labelPosition parameter, such as rich text, image, and KPI components.

Sets the font color of the label parameter for most components on light backgrounds. Only applies to components that also have a labelPosition parameter.

Components
- Input, selection, picker, and browser components.
- Other components that have a label and labelPosition parameter, such as rich text, image, and KPI components.

Sets the font color of the label parameter for most components on dark backgrounds. Only applies to components that also have a labelPosition parameter.

Components
- Input, selection, picker, and browser components.
- Other components that have a label and labelPosition parameter, such as rich text, image, and KPI components.

Sets the shadow of cards and boxes.

Components
- Box layout
- Card layout
- Card group layout
- Card choice component (unselected cards only)

Sets the border radius for cards and boxes when the shape is "SEMI-ROUNDED".

Components
- Box layout
- Card layout
- Card group layout

Sets the border radius for cards and boxes when the shape is "ROUNDED".

Components
- Box layout
- Card layout
- Card group layout

Sets the border radius of "STANDARD" tag components.

Components
- Tag

Sets the border radius of "SMALL" tag components.

Components
- Tag

Sets the background color of hover tooltips and help tooltips.

Components
- Components that have a tooltip, helpTooltip, caption, or selectedTooltips parameter.

Other
- Any other hover tooltip that displays in a site or portal page.

Sets the font color of hover tooltip and help tooltip text.

Components
- Components that have a tooltip, helpTooltip, caption, or selectedTooltips parameter.

Other
- Any other hover tooltip that displays in a site or portal page.

Sets the font size of hover tooltip and help tooltip text.

Components
- Components that have a tooltip, helpTooltip, caption, or selectedTooltips parameter.

Other
- Any other hover tooltip that displays in a site or portal page.

Sets the shadow of hover tooltips and help tooltips.

Components
- Components that have a tooltip, helpTooltip, caption, or selectedTooltips parameter.

Other
- Any other hover tooltip that displays in a site or portal page.

Sets the border radius of hover tooltips and help tooltips. Unless this property is specified, tooltips use the same border-radius as inputs, which is controlled in the site/portal object and with the input-box-semi-rounded-border-radius property.

Components
- Components that have a tooltip, helpTooltip, caption, or selectedTooltips parameter.

Other
- Any other hover tooltip that displays in a site or portal page.

Sets the color of the help tooltip icon on light backgrounds.

Components
- Components that have a helpTooltip parameter.

Sets the color of the help tooltip icon on dark backgrounds.

Components
- Components that have a helpTooltip parameter.

Sets the size of the help tooltip icon.

Enter one value, which applies to both height and width.

Components
- Components that have a helpTooltip parameter.

Sets the background color for pop-up menus on light backgrounds. See Pop-up menu properties for the full list of affected elements.

Components
- Components that have a box that pops up when you click or hover over them, such as date picker, signature, styled text editor, user record link, and dropdown components.

Sets the background color for pop-up menus on dark backgrounds. See Pop-up menu properties for the full list of affected elements.

Components
- Components that have a box that pops up when you click or hover over them, such as date picker, signature, styled text editor, user record link, and dropdown components.

Sets the size of the radio button. Since the radio button is a circle, the value applies to both the height and width. Enter one value. See Radio button and checkbox sizing for details about how the border is included in this size.

Components
- Radio button

Sets the border color of unselected radio buttons.

Components
- Radio button

Sets the border width of unselected radio buttons.

Components
- Radio button

Sets the outer border color of selected radio buttons.

Components
- Radio button

Sets the outer border width of selected radio buttons.

Components
- Radio button

Sets the size of the inner circle of selected radio buttons. Enter one value, which applies to both height and width.

To create a radio button with a contrasting ring between the outer border and the inner circle, set this property to a non-zero value and set a thin radio-button-selected-border-width. For a standard Appian radio button style with only an outer border, there's no need to set this property. See Radio button styles for examples.

Components
- Radio button

Sets the color of the inner circle of selected radio buttons. Only visible if radio-button-selected-inner-circle-size is set to a non-zero value.

Components
- Radio button

Sets the size of checkboxes. Since the checkbox is square, the value applies to both the height and width. Enter one value. See Radio button and checkbox sizing for details about how the border is included in this size.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the border radius of checkboxes. Only applies when Input Shape is set to Semi-rounded in the site or portal object.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the border width of checkboxes.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the border color of unselected checkboxes.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the border color of selected checkboxes. If you don't include this property, selected checkboxes use the checkbox-selected-background-color value for the border.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the background color of selected checkboxes.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the color of checkmarks for selected checkboxes.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the size of checkmarks for selected checkboxes. The value applies to both the height and width. Only enter one value.

Components
- Boolean checkbox
- Checkbox

Other
- Read-only and editable grids with selection enabled

Sets the font weight of instruction text. See Font weight supported values for information about valid values.

Components
- Components that have an instructions parameter.

Sets the font size of instruction text.

Components
- Components that have an instructions parameter.

Sets the font color of instruction text on light backgrounds.

Components
- Components that have an instructions parameter.

Sets the font color of instruction text on dark backgrounds.

Components
- Components that have an instructions parameter.

Sets the font weight of text for placeholders, character limits, and search boxes.

Components
- Components that have a placeholder or showCharacterCount parameter. Does not affect the file upload component when dropZoneStyle is "EXPANDED".
- Search box text for components such as read-only grids and dropdowns.

Sets the font color of text for placeholders, character limits, and search boxes when the input background color is light.

Components
- Components that have a placeholder or showCharacterCount parameter. For the file upload component, this also affects the file icon.
- Search box text and icon for components such as read-only grids and dropdowns.
- Documents chat
- File icon for the file upload component.

Sets the font color of placeholder text, character limits, and search boxes when the input background color is dark.

Components
- Components that have a placeholder or showCharacterCount parameter. For the file upload component, this also affects the file icon.
- Search box text and icon for components such as read-only grids and dropdowns.
- Documents chat.
- File icon for the file upload component.

Sets the font style of text (such as italics) for placeholders, character limits, and search boxes.

Components
- Components that have a placeholder or showCharacterCount parameter. Does not affect the file upload component when dropZoneStyle is "EXPANDED".
- Search box text for components such as read-only grids and dropdowns.

Sets the color of the required field asterisk on light backgrounds.

Components
- Input, selection, picker, and browser components that have the required parameter set to true.

Sets the color of the required field asterisk on dark backgrounds.

Components
- Input, selection, picker, and browser components that have the required parameter set to true.

Sets the font size of the required field asterisk.

Components
- Input, selection, picker, and browser components that have the required parameter set to true.

Sets the font weight of the required field asterisk. See Font weight supported values for information about valid values.

Components
- Input, selection, picker, and browser components that have the required parameter set to true.

Sets the color of link text on light backgrounds. Also controls the color of the underline that appears when hovering over the link. If not set, links use the accent color. For rich text links and styled text editor (STEF) links, this property only applies when no custom color is defined directly on the link.

Components
- Link field
- Rich text links
- Styled text editor (STEF) links
- Links in components (such as "Add row" in grids and the "Clear" link in the signature component)

Sets the color of link text on dark backgrounds. Also controls the color of the underline that appears when hovering over the link. If not set, links use the accent color. For rich text links and styled text editor (STEF) links, this property only applies when no custom color is defined directly on the link.

Components
- Link field
- Rich text links
- Styled text editor (STEF) links
- Links in components (such as "Add row" in grids and the "Clear" link in the signature component)

Sets the height of the loading bar that appears at the top of the page during page loads and navigation in sites and portals. Increasing the value makes the loading bar more visible to users. Does not apply in Appian Designer.

Other
- Loading bar at the top of the page in sites and portals