Theme

abstract class Theme

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.

Inheritors

Constructors

Link copied to clipboard
constructor()

Properties

Link copied to clipboard
abstract val aiColors: AiColors
Link copied to clipboard
abstract val background: Color
Link copied to clipboard
abstract val backgroundActive: Color
Link copied to clipboard
abstract val backgroundBrand: Color
Link copied to clipboard
abstract val backgroundHover: Color
Link copied to clipboard
abstract val backgroundInverse: Color
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract val borderDisabled: Color
Link copied to clipboard
abstract val borderInteractive: Color
Link copied to clipboard
abstract val borderInverse: Color
Link copied to clipboard
abstract val borderStrong01: Color
Link copied to clipboard
abstract val borderStrong02: Color
Link copied to clipboard
abstract val borderStrong03: Color
Link copied to clipboard
abstract val borderSubtle00: Color
Link copied to clipboard
abstract val borderSubtle01: Color
Link copied to clipboard
abstract val borderSubtle02: Color
Link copied to clipboard
abstract val borderSubtle03: Color
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract val borderTile01: Color
Link copied to clipboard
abstract val borderTile02: Color
Link copied to clipboard
abstract val borderTile03: Color
Link copied to clipboard
Link copied to clipboard
abstract val chatColors: ChatColors
Link copied to clipboard
abstract val field01: Color
Link copied to clipboard
abstract val field02: Color
Link copied to clipboard
abstract val field03: Color
Link copied to clipboard
abstract val fieldHover01: Color
Link copied to clipboard
abstract val fieldHover02: Color
Link copied to clipboard
abstract val fieldHover03: Color
Link copied to clipboard
abstract val focus: Color
Link copied to clipboard
abstract val focusInset: Color
Link copied to clipboard
abstract val focusInverse: Color
Link copied to clipboard
abstract val highlight: Color
Link copied to clipboard
abstract val iconDisabled: Color
Link copied to clipboard
abstract val iconInteractive: Color
Link copied to clipboard
abstract val iconInverse: Color
Link copied to clipboard
abstract val iconOnColor: Color
Link copied to clipboard
Link copied to clipboard
abstract val iconPrimary: Color
Link copied to clipboard
abstract val iconSecondary: Color
Link copied to clipboard
abstract val interactive: Color
Link copied to clipboard
abstract val layer01: Color
Link copied to clipboard
abstract val layer02: Color
Link copied to clipboard
abstract val layer03: Color
Link copied to clipboard
abstract val layerAccent01: Color
Link copied to clipboard
abstract val layerAccent02: Color
Link copied to clipboard
abstract val layerAccent03: Color
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract val layerActive01: Color
Link copied to clipboard
abstract val layerActive02: Color
Link copied to clipboard
abstract val layerActive03: Color
Link copied to clipboard
abstract val layerHover01: Color
Link copied to clipboard
abstract val layerHover02: Color
Link copied to clipboard
abstract val layerHover03: Color
Link copied to clipboard
abstract val layerSelected01: Color
Link copied to clipboard
abstract val layerSelected02: Color
Link copied to clipboard
abstract val layerSelected03: Color
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract val linkInverse: Color
Link copied to clipboard
abstract val linkInverseActive: Color
Link copied to clipboard
abstract val linkInverseHover: Color
Link copied to clipboard
Link copied to clipboard
abstract val linkPrimary: Color
Link copied to clipboard
abstract val linkPrimaryHover: Color
Link copied to clipboard
abstract val linkSecondary: Color
Link copied to clipboard
abstract val linkVisited: Color
Link copied to clipboard
Link copied to clipboard
abstract val overlay: Color
Link copied to clipboard
abstract val shadow: Color
Link copied to clipboard
Link copied to clipboard
abstract val skeletonElement: Color
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract val supportError: Color
Link copied to clipboard
Link copied to clipboard
abstract val supportInfo: Color
Link copied to clipboard
Link copied to clipboard
abstract val supportSuccess: Color
Link copied to clipboard
Link copied to clipboard
abstract val supportWarning: Color
Link copied to clipboard
Link copied to clipboard
abstract val tagColors: TagColors
Link copied to clipboard
abstract val textDisabled: Color
Link copied to clipboard
abstract val textError: Color
Link copied to clipboard
abstract val textHelper: Color
Link copied to clipboard
abstract val textInverse: Color
Link copied to clipboard
abstract val textOnColor: Color
Link copied to clipboard
Link copied to clipboard
abstract val textPlaceholder: Color
Link copied to clipboard
abstract val textPrimary: Color
Link copied to clipboard
abstract val textSecondary: Color
Link copied to clipboard
abstract val toggleOff: Color

Functions

Link copied to clipboard
fun Theme.containerColor(layer: Layer = Layer.Layer00): Color

Returns the container color based on a provided layer.

Link copied to clipboard
open operator override fun equals(other: Any?): Boolean
Link copied to clipboard
open override fun hashCode(): Int
Link copied to clipboard
fun Theme.layerAccentActiveColor(layer: Layer = Layer.Layer00): Color

Returns the layer-accent-active color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerAccentColor(layer: Layer = Layer.Layer00): Color

Returns the layer-accent color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerAccentHoverColor(layer: Layer = Layer.Layer00): Color

Returns the layer-accent-hover color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerActiveColor(layer: Layer = Layer.Layer00): Color

Returns the layer-active color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerHoverColor(layer: Layer = Layer.Layer00): Color

Returns the layer-hover color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerSelectedColor(layer: Layer = Layer.Layer00): Color

Returns the layer-selected color from this Theme based on the current layer.

Link copied to clipboard
fun Theme.layerSelectedHoverColor(layer: Layer = Layer.Layer00): Color

Returns the layer-selected-hover color from this Theme based on the current layer.