AgentforceColors

object AgentforceColors : Colors

Agentforce-specific color palette for light mode. These colors are specifically designed for AI conversation interfaces and follow the SharedUI Colors structure.

PropertyTypeDescription
accent1ColorFill color for text and icons on buttons and interactive element
accent2ColorFill color for text and icons on buttons and interactive element
accent3ColorDarker fill color for text and icons on buttons, interactive elements
accent4ColorAccent color variant
accent5ColorAccent color variant
accentContainer1ColorBranded component containers e.g. the Brand button
accentContainer2ColorBranded component containers or hover states e.g. the Brand button
border1ColorBorders for components that are decorative or divider lines between content
border2ColorBorders for components that are functional or interactive
borderAccent1ColorBorder color for branded containers
borderAccent2ColorBorder color for branded containers such as Outline Buttons
borderDisabled1ColorBorder color for disabled containers
borderError1ColorBorder color for error containers e.g. Destructive Buttons
borderSuccess1ColorBorder color for success containers e.g. Success buttons
brandBase90ColorA color with no semantic assignment, but may be used for elements throughout the UI
cloudBlue60ColorA color with no semantic assignment, but may be used for decorative elements throughout the UI
disabled1ColorFill color for text and icons for disabled components or content
disabledContainer1ColorDisabled component containers (background) for white components
disabledContainer2ColorDisabled component containers (background) for dark components
error1ColorFill color for text and icons displaying an error
errorContainer1ColorError component containers (background) e.g. error Toast or Alerts
errorContainer2ColorError component containers (background) on hover e.g. Destructive Buttons
information1ColorFill color for text and icons displaying information
informationContainer1ColorInformation component containers (background) e.g. information Toast or Alerts
onAccent1ColorText and icon fill color displayed on accent containers
onDisabled1ColorFill color for text and icons displayed on top of disabled-container-1
onDisabled2ColorFill color for text and icons displayed on top of disabled-container-2
onError1ColorFill color for text and icons displayed on top of an error container
onSuccess1ColorFill color for text and icons displayed on top of a success container
onSurface1ColorLightest text and icon fill. Used for: Body text, placeholder text, field labels, sub headings, taglines
onSurface2ColorDarker text and icons fill. Used for: Secondary and tertiary headings, dark body copy, filled in input fields
onSurface3ColorDarkest text and icon fill. Used for: titles for pages or components
onSurfaceInverse1ColorLightest text and Icon fill on dark backgrounds (50 - 10)
onWarning1ColorFill color for text and icons displayed on top of a warning container
success1ColorFill color for text and icons displaying success
successContainer1ColorSuccess component containers (background) e.g. success Toast or Alerts
successContainer2ColorSuccess component containers (background) on hover e.g. Success buttons
surface1ColorEntire page background
surface2ColorEntire page background
surfaceContainer1ColorDefault color for component containers (backgrounds) i.e. cards, modals
surfaceContainer2ColorDarker component container or background fill
surfaceContainer3ColorDarkest component container or background fill
surfaceContainerInverse1ColorInverse component containers (backgrounds)
warning1ColorFill color for text and icons displaying a warning
warningContainer1ColorWarning component containers (background) e.g. warning Toast or Alerts
FunctionSignatureDescription
copyfun copy(surface1: Color = this.surface1, surface2: Color = this.surface2, surfaceContainer1: Color = this.surfaceContainer1, surfaceContainer2: Color = this.surfaceContainer2, surfaceContainer3: Color = this.surfaceContainer3, surfaceContainerInverse1: Color = this.surfaceContainerInverse1, onSurface1: Color = this.onSurface1, onSurface2: Color = this.onSurface2, onSurface3: Color = this.onSurface3, onSurfaceInverse1: Color = this.onSurfaceInverse1, border1: Color = this.border1, border2: Color = this.border2, accent2: Color = this.accent2, accent1: Color = this.accent1, accent3: Color = this.accent3, accent4: Color = this.accent4, accent5: Color = this.accent5, accentContainer1: Color = this.accentContainer1, accentContainer2: Color = this.accentContainer2, onAccent1: Color = this.onAccent1, borderAccent1: Color = this.borderAccent1, borderAccent2: Color = this.borderAccent2, error1: Color = this.error1, errorContainer1: Color = this.errorContainer1, errorContainer2: Color = this.errorContainer2, onError1: Color = this.onError1, borderError1: Color = this.borderError1, success1: Color = this.success1, successContainer1: Color = this.successContainer1, successContainer2: Color = this.successContainer2, onSuccess1: Color = this.onSuccess1, borderSuccess1: Color = this.borderSuccess1, disabled1: Color = this.disabled1, disabledContainer1: Color = this.disabledContainer1, disabledContainer2: Color = this.disabledContainer2, onDisabled1: Color = this.onDisabled1, onDisabled2: Color = this.onDisabled2, borderDisabled1: Color = this.borderDisabled1, warning1: Color = this.warning1, warningContainer1: Color = this.warningContainer1, information1: Color = this.information1, informationContainer1: Color = this.informationContainer1, onWarning1: Color = this.onWarning1, brandBase90: Color = this.brandBase90, cloudBlue60: Color = this.cloudBlue60): ColorsCreates a copy of this Colors object with optionally modified properties