Custom App Theme Object

An object decscribing the custom app theming that allows you to configure colors, typography, borders, and component-level styling for the embedded application experience. All attributes are optional; unspecified values fall back to WorkBright’s default theme.

Custom_app_theme

AttributesJSON TypeDescription
bodyObjectGlobal typography and text color applied to the application body.
alertsObjectDefines styles for alert components, including borders, variants, and alert-related buttons.
formControlObjectControls the appearance of form fields (inputs, selects, text areas).
headingsObjectTypography settings for heading tags.
linkObjectDefault and hover styling for hyperlink elements.

Body

AttributesJSON TypeDescription
fontSizestringBase font size for body text (e.g., "15px").
colorstringBase text color for body content. (e.g., "#F54927")

Alerts

AttributesJSON TypeDescription
borderWidthstringBorder thickness for alerts.
borderRadiusstringCorner radius for alert containers.
variantsObjectColor and border settings for alert variants.
buttonsObjectStyle settings for buttons displayed within alerts.

Alerts.variants

Defines per-variant styling for alert components.

For variant objects: primary, info, danger, success, warning

AttributesJSON TypeDescription
backgroundColorstringBackground color for the alert variant.
borderColorstringBorder color for the alert variant.

Buttons

AttributesJSON TypeDescription
borderRadiusstringButton corner radius within alerts.
variantsObjectPer-variant button styling.

Buttons.variants

Default Button Variant For: primary, info, danger, success, warning

AttributesJSON TypeDescription
borderColorstringBorder color used for the default button style.
backgroundColorstringBackground color for the button.
activeBackgroundColorstringBackground color when the button is active or pressed.

FormControls

AttributesJSON TypeDescription
borderColorstringBorder color applied to inputs and form fields.
borderRadiusstringCorner radius for form fields.
focusBorderColorstringBorder color when a field is focused.

Headings

For Header Objects: h1, h2, h3, h4, h5, h6

AttributesJSON TypeDescription
fontSizestringFont size for the heading level.
fontWeightstringWeight of the heading text.
colorstringColor of the heading text.

Link

AttributesJSON TypeDescription
colorstringDefault link color.
decorationstringDefault text decoration (e.g., "none").
hover-colorstringLink color on hover.
hover-decorationstringHover text decoration.