Properties
Optional $background
$background: string
Optional $background-active
$background-active: string
Optional $background-brand
$background-brand: string
Optional $background-hover
$background-hover: string
Optional $background-inverse
$background-inverse: string
Optional $background-inverse-hover
$background-inverse-hover: string
Optional $background-selected
$background-selected: string
Optional $background-selected-hover
$background-selected-hover: string
Optional $border-disabled
$border-disabled: string
Optional $border-interactive
$border-interactive: string
Optional $border-inverse
$border-inverse: string
Optional $border-strong-01
$border-strong-01: string
Optional $border-strong-02
$border-strong-02: string
Optional $border-strong-03
$border-strong-03: string
Optional $border-subtle-00
$border-subtle-00: string
Optional $border-subtle-01
$border-subtle-01: string
Optional $border-subtle-02
$border-subtle-02: string
Optional $border-subtle-03
$border-subtle-03: string
Optional $border-subtle-selected-01
$border-subtle-selected-01: string
Optional $border-subtle-selected-02
$border-subtle-selected-02: string
Optional $border-subtle-selected-03
$border-subtle-selected-03: string
Optional $border-tile-01
$border-tile-01: string
Optional $border-tile-02
$border-tile-02: string
Optional $border-tile-03
$border-tile-03: string
Optional $button-danger-active
$button-danger-active: string
Optional $button-danger-hover
$button-danger-hover: string
Optional $button-danger-primary
$button-danger-primary: string
Optional $button-danger-secondary
$button-danger-secondary: string
Optional $button-disabled
$button-disabled: string
Optional $button-primary
$button-primary: string
Optional $button-primary-active
$button-primary-active: string
Optional $button-primary-hover
$button-primary-hover: string
Optional $button-secondary
$button-secondary: string
Optional $button-secondary-active
$button-secondary-active: string
Optional $button-secondary-hover
$button-secondary-hover: string
Optional $button-separator
$button-separator: string
Optional $button-tertiary
$button-tertiary: string
Optional $button-tertiary-active
$button-tertiary-active: string
Optional $button-tertiary-hover
$button-tertiary-hover: string
Optional $field-01
$field-01: string
Optional $field-02
$field-02: string
Optional $field-03
$field-03: string
Optional $field-hover-01
$field-hover-01: string
Optional $field-hover-02
$field-hover-02: string
Optional $field-hover-03
$field-hover-03: string
Optional $focus
$focus: string
Optional $focus-inset
$focus-inset: string
Optional $focus-inverse
$focus-inverse: string
Optional $highlight
$highlight: string
Optional $icon-disabled
$icon-disabled: string
Optional $icon-interactive
$icon-interactive: string
Optional $icon-inverse
$icon-inverse: string
Optional $icon-on-color
$icon-on-color: string
Optional $icon-on-color-disabled
$icon-on-color-disabled: string
Optional $icon-primary
$icon-primary: string
Optional $icon-secondary
$icon-secondary: string
Optional $interactive
$interactive: string
Optional $layer-01
$layer-01: string
Optional $layer-02
$layer-02: string
Optional $layer-03
$layer-03: string
Optional $layer-accent-01
$layer-accent-01: string
Optional $layer-accent-02
$layer-accent-02: string
Optional $layer-accent-03
$layer-accent-03: string
Optional $layer-accent-active-01
$layer-accent-active-01: string
Optional $layer-accent-active-02
$layer-accent-active-02: string
Optional $layer-accent-active-03
$layer-accent-active-03: string
Optional $layer-accent-hover-01
$layer-accent-hover-01: string
Optional $layer-accent-hover-02
$layer-accent-hover-02: string
Optional $layer-accent-hover-03
$layer-accent-hover-03: string
Optional $layer-active-01
$layer-active-01: string
Optional $layer-active-02
$layer-active-02: string
Optional $layer-active-03
$layer-active-03: string
Optional $layer-hover-01
$layer-hover-01: string
Optional $layer-hover-02
$layer-hover-02: string
Optional $layer-hover-03
$layer-hover-03: string
Optional $layer-selected-01
$layer-selected-01: string
Optional $layer-selected-02
$layer-selected-02: string
Optional $layer-selected-03
$layer-selected-03: string
Optional $layer-selected-disabled
$layer-selected-disabled: string
Optional $layer-selected-hover-01
$layer-selected-hover-01: string
Optional $layer-selected-hover-02
$layer-selected-hover-02: string
Optional $layer-selected-hover-03
$layer-selected-hover-03: string
Optional $layer-selected-inverse
$layer-selected-inverse: string
Optional $link-inverse
$link-inverse: string
Optional $link-primary
$link-primary: string
Optional $link-primary-hover
$link-primary-hover: string
Optional $link-secondary
$link-secondary: string
Optional $link-visited
$link-visited: string
Optional $overlay
$overlay: string
Optional $skeleton-background
$skeleton-background: string
Optional $skeleton-element
$skeleton-element: string
Optional $support-error
$support-error: string
Optional $support-error-inverse
$support-error-inverse: string
Optional $support-info
$support-info: string
Optional $support-info-inverse
$support-info-inverse: string
Optional $support-success
$support-success: string
Optional $support-success-inverse
$support-success-inverse: string
Optional $support-warning
$support-warning: string
Optional $support-warning-inverse
$support-warning-inverse: string
Optional $text-disabled
$text-disabled: string
Optional $text-error
$text-error: string
Optional $text-helper
$text-helper: string
Optional $text-inverse
$text-inverse: string
Optional $text-on-color
$text-on-color: string
Optional $text-on-color-disabled
$text-on-color-disabled: string
Optional $text-placeholder
$text-placeholder: string
Optional $text-primary
$text-primary: string
Optional $text-secondary
$text-secondary: string
Optional $toggle-off
$toggle-off: string
Optional buttonPrimaryBackground
buttonPrimaryBackground: string
Optional buttonPrimaryBackgroundActive
buttonPrimaryBackgroundActive: string
Optional buttonPrimaryBackgroundHover
buttonPrimaryBackgroundHover: string
Optional buttonPrimaryText
buttonPrimaryText: string
Optional buttonSecondaryBackground
buttonSecondaryBackground: string
Optional buttonSecondaryBackgroundActive
buttonSecondaryBackgroundActive: string
Optional buttonSecondaryBackgroundHover
buttonSecondaryBackgroundHover: string
Optional buttonSecondaryText
buttonSecondaryText: string
Optional buttonTertiaryBackgroundActive
buttonTertiaryBackgroundActive: string
Optional buttonTertiaryBackgroundHover
buttonTertiaryBackgroundHover: string
Optional buttonTertiaryBorder
buttonTertiaryBorder: string
Optional buttonTertiaryText
buttonTertiaryText: string
Optional buttonTertiaryTextHoverActive
buttonTertiaryTextHoverActive: string
Optional headerAccentBorders
headerAccentBorders: string
Optional headerActiveItemBackground
headerActiveItemBackground: string
Optional headerActiveItemColor
headerActiveItemColor: string
Optional headerBackground
headerBackground: string
Optional headerHoverItemBackground
headerHoverItemBackground: string
Optional headerTextIcon
headerTextIcon: string
Optional leftNavActiveItemAccent
leftNavActiveItemAccent: string
Optional leftNavActiveItemBackground
leftNavActiveItemBackground: string
Optional leftNavActiveItemHover
leftNavActiveItemHover: string
Optional leftNavBackground
leftNavBackground: string
Optional leftNavTextColor
leftNavTextColor: string
Optional loginAnnouncementBackgroundColor
loginAnnouncementBackgroundColor: string
Optional loginAnnouncementBackgroundTextColor
loginAnnouncementBackgroundTextColor: string
Optional loginInPanelAnnouncementBackgroundColor
loginInPanelAnnouncementBackgroundColor: string
Optional loginInPanelAnnouncementTextColor
loginInPanelAnnouncementTextColor: string
Optional loginPanelBackgroundColor
loginPanelBackgroundColor: string
Optional loginPanelTextColor
loginPanelTextColor: string
Optional typographyFontFamily
typographyFontFamily: string
These are ignored if core buttons are set for similar values