carbon/com.gabrieldrn.carbon.foundation.color/Theme

Theme

data class Theme(val background: Color, val backgroundActive: Color, val backgroundBrand: Color, val backgroundHover: Color, val backgroundInverse: Color, val backgroundInverseHover: Color, val backgroundSelected: Color, val backgroundSelectedHover: Color, val borderDisabled: Color, val borderInteractive: Color, val borderInverse: Color, val borderStrong01: Color, val borderStrong02: Color, val borderStrong03: Color, val borderSubtle00: Color, val borderSubtle01: Color, val borderSubtle02: Color, val borderSubtle03: Color, val borderSubtleSelected01: Color, val borderSubtleSelected02: Color, val borderSubtleSelected03: Color, val borderTile01: Color, val borderTile02: Color, val borderTile03: Color, val field01: Color, val field02: Color, val field03: Color, val fieldHover01: Color, val fieldHover02: Color, val fieldHover03: Color, val focus: Color, val focusInset: Color, val focusInverse: Color, val highlight: Color, val iconDisabled: Color, val iconInteractive: Color, val iconInverse: Color, val iconOnColor: Color, val iconOnColorDisabled: Color, val iconPrimary: Color, val iconSecondary: Color, val interactive: Color, val layer01: Color, val layer02: Color, val layer03: Color, val layerAccent01: Color, val layerAccent02: Color, val layerAccent03: Color, val layerAccentActive01: Color, val layerAccentActive02: Color, val layerAccentActive03: Color, val layerAccentHover01: Color, val layerAccentHover02: Color, val layerAccentHover03: Color, val layerActive01: Color, val layerActive02: Color, val layerActive03: Color, val layerHover01: Color, val layerHover02: Color, val layerHover03: Color, val layerSelected01: Color, val layerSelected02: Color, val layerSelected03: Color, val layerSelectedDisabled: Color, val layerSelectedHover01: Color, val layerSelectedHover02: Color, val layerSelectedHover03: Color, val layerSelectedInverse: Color, val linkInverse: Color, val linkInverseActive: Color, val linkInverseHover: Color, val linkInverseVisited: Color, val linkPrimary: Color, val linkPrimaryHover: Color, val linkSecondary: Color, val linkVisited: Color, val overlay: Color, val shadow: Color, val skeletonBackground: Color, val skeletonElement: Color, val supportCautionMajor: Color, val supportCautionMinor: Color, val supportCautionUndefined: Color, val supportError: Color, val supportErrorInverse: Color, val supportInfo: Color, val supportInfoInverse: Color, val supportSuccess: Color, val supportSuccessInverse: Color, val supportWarning: Color, val supportWarningInverse: Color, val textDisabled: Color, val textError: Color, val textHelper: Color, val textInverse: Color, val textOnColor: Color, val textOnColorDisabled: Color, val textPlaceholder: Color, val textPrimary: Color, val textSecondary: Color, val toggleOff: Color, val aiColors: AiColors, val buttonColors: ButtonColors, val chatColors: ChatColors, val notificationColors: NotificationColors, val tagColors: TagColors)

Themes are used to modify existing components to fit a specific visual style. By using Carbon’s tokens, developers can easily customize all of their components by changing a set of universal variables, eliminating the need to modify individual components.

Themes serve as an organizational framework for color in Carbon, with each theme based on a specific primary background color. And they actually get their names from their background color.

See Themes guidelines for more information.

Constructors

Theme

constructor(background: Color, backgroundActive: Color, backgroundBrand: Color, backgroundHover: Color, backgroundInverse: Color, backgroundInverseHover: Color, backgroundSelected: Color, backgroundSelectedHover: Color, borderDisabled: Color, borderInteractive: Color, borderInverse: Color, borderStrong01: Color, borderStrong02: Color, borderStrong03: Color, borderSubtle00: Color, borderSubtle01: Color, borderSubtle02: Color, borderSubtle03: Color, borderSubtleSelected01: Color, borderSubtleSelected02: Color, borderSubtleSelected03: Color, borderTile01: Color, borderTile02: Color, borderTile03: Color, field01: Color, field02: Color, field03: Color, fieldHover01: Color, fieldHover02: Color, fieldHover03: Color, focus: Color, focusInset: Color, focusInverse: Color, highlight: Color, iconDisabled: Color, iconInteractive: Color, iconInverse: Color, iconOnColor: Color, iconOnColorDisabled: Color, iconPrimary: Color, iconSecondary: Color, interactive: Color, layer01: Color, layer02: Color, layer03: Color, layerAccent01: Color, layerAccent02: Color, layerAccent03: Color, layerAccentActive01: Color, layerAccentActive02: Color, layerAccentActive03: Color, layerAccentHover01: Color, layerAccentHover02: Color, layerAccentHover03: Color, layerActive01: Color, layerActive02: Color, layerActive03: Color, layerHover01: Color, layerHover02: Color, layerHover03: Color, layerSelected01: Color, layerSelected02: Color, layerSelected03: Color, layerSelectedDisabled: Color, layerSelectedHover01: Color, layerSelectedHover02: Color, layerSelectedHover03: Color, layerSelectedInverse: Color, linkInverse: Color, linkInverseActive: Color, linkInverseHover: Color, linkInverseVisited: Color, linkPrimary: Color, linkPrimaryHover: Color, linkSecondary: Color, linkVisited: Color, overlay: Color, shadow: Color, skeletonBackground: Color, skeletonElement: Color, supportCautionMajor: Color, supportCautionMinor: Color, supportCautionUndefined: Color, supportError: Color, supportErrorInverse: Color, supportInfo: Color, supportInfoInverse: Color, supportSuccess: Color, supportSuccessInverse: Color, supportWarning: Color, supportWarningInverse: Color, textDisabled: Color, textError: Color, textHelper: Color, textInverse: Color, textOnColor: Color, textOnColorDisabled: Color, textPlaceholder: Color, textPrimary: Color, textSecondary: Color, toggleOff: Color, aiColors: AiColors, buttonColors: ButtonColors, chatColors: ChatColors, notificationColors: NotificationColors, tagColors: TagColors)

Theme

Constructors

Properties

Functions