OudsColorScheme

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

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

Design

Types

Link copied to clipboard
class Action

Colors associated with interactive elements and actions.

Link copied to clipboard
class Ai

Colors associated with AI-related elements and features.

Link copied to clipboard
class Always

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
class Border

Colors applied to borders and dividers.

Link copied to clipboard
class Content

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

Link copied to clipboard
class Opacity

Colors representing various levels of opacity (transparency).

Link copied to clipboard
class Overlay

Colors used for overlay elements like modals or tooltips.

Link copied to clipboard
class Surface

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 associated with AI-related elements and features.

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.