OudsColorScheme

Holds all the colour-related properties defined in the OUDS theme.

Colour reinforces our brand identity and ensures consistency across all product experiences.

Types

Link copied to clipboard
data class Action(val disabled: Color, val enabled: Color, val focus: Color, val highlighted: Color, val hover: Color, val loading: Color, val negative: OudsColorScheme.Action.Negative, val pressed: Color, val readOnly: OudsColorScheme.Action.ReadOnly, val selected: Color, val support: OudsColorScheme.Action.Support, val visited: Color)

Colors associated with interactive elements and actions.

Link copied to clipboard
data class Always(val black: Color, val onBlack: Color, val onWhite: Color, val white: Color)

Colors that remain constant regardless of the theme (Light/Dark).

Link copied to clipboard
data class Background(val inverseHigh: Color, val inverseLow: Color, val primary: Color, val secondary: Color, val tertiary: Color)

Colors used for the underlying layers of the interface.

Link copied to clipboard
data class Border(val brandPrimary: Color, val brandSecondary: Color, val brandTertiary: Color, val default: Color, val emphasized: Color, val focus: Color, val focusInset: Color, val minimal: Color, val muted: Color, val onBrand: OudsColorScheme.Border.OnBrand, val status: OudsColorScheme.Border.Status)

Colors applied to borders and dividers.

Link copied to clipboard
data class Content(val brandPrimary: Color, val brandSecondary: Color, val brandTertiary: Color, val default: Color, val disabled: Color, val inverse: Color, val muted: Color, val onAction: OudsColorScheme.Content.OnAction, val onBrand: OudsColorScheme.Content.OnBrand, val onStatus: OudsColorScheme.Content.OnStatus, val status: OudsColorScheme.Content.Status)

Colors used for text, icons, and other foreground elements.

Link copied to clipboard
data class Opacity(val transparent: Color, val lowest: Color, val lower: Color)

Colors representing various levels of opacity (transparency).

Link copied to clipboard
data class Overlay(val dropdown: Color, val drag: Color, val modal: Color, val tooltip: Color)

Colors used for overlay elements like modals or tooltips.

Link copied to clipboard
data class Surface(val brand: OudsColorScheme.Surface.Brand, val inverseHigh: Color, val inverseLow: Color, val primary: Color, val secondary: Color, val status: OudsColorScheme.Surface.Status, val tertiary: Color)

Colors used for surface elements like cards or banners.

Properties

Link copied to clipboard

Colors associated with interactive elements and actions.

Link copied to clipboard

Colors that remain constant regardless of the theme (Light/Dark).

Link copied to clipboard

Colors used for the underlying layers of the interface.

Link copied to clipboard

Colors applied to borders and dividers.

Link copied to clipboard

Colors used for text, icons, and other foreground elements.

Link copied to clipboard

Colors representing various levels of opacity (transparency).

Link copied to clipboard

Colors used for overlay elements like modals or tooltips.

Link copied to clipboard

Colors used for surface elements like cards or banners.