AgentforceColorPalette
AgentforceColorPalette is the protocol that declares every color token used throughout the Agentforce SDK, providing semantic color tokens for consistent theming across all UI components. It refines SharedUI.Colors, which declares the generic foundation tokens shown below. For the full list of all 275 tokens — including the 224 component-specific tokens — see the Color Token Reference.
| Property | Type | Description |
|---|---|---|
accent1 | Color | Fill color for text and icons on buttons and interactive elements |
accent2 | Color | Fill color for text and icons on buttons and interactive elements |
accent3 | Color | Fill color for text and icons on buttons and interactive elements |
accent4 | Color | Agentforce Specific tokens |
accent5 | Color | Agentforce Specific tokens |
accentContainer1 | Color | Fill color for accent component containers |
border1 | Color | Border color for components that are decorative or divider lines between content |
border2 | Color | Border color for components that are functional or interactive |
borderDisabled1 | Color | Border color for disabled containers |
borderError1 | Color | Border color for error containers |
borderInverse2 | Color | Border color for components that are functional or interactive on a dark background |
borderSuccess1 | Color | Border color for success containers |
brandBase50 | Color | Cosmos foundation color |
disabledContainer1 | Color | Background of disabled component containers for white components |
disabledContainer2 | Color | Background of disabled component containers for dark components |
error1 | Color | Fill color for text and icons displaying an error |
errorBase50 | Color | Cosmos foundation color |
errorContainer1 | Color | Background of error component containers |
feedbackWarning1 | Color | Warning text color |
feedbackWarningContainer1 | Color | Warning container background |
info1 | Color | Information text color |
infoContainer1 | Color | Information container background |
onAccent1 | Color | Text and icon fill color displayed in accent containers |
onDisabled1 | Color | Fill color for text and icons displayed on top of disabledContainer1 |
onDisabled2 | Color | Fill color for text and icons displayed on top of disabledContainer2 |
onError1 | Color | Fill color for text and icons displayed on top of an error container |
onSuccess1 | Color | Fill color for text and icons displayed on top of a success container |
onSurface1 | Color | Lightest text or icon fill |
onSurface2 | Color | Darker text or icon fill |
onSurface3 | Color | Additional text or icon variant |
successContainer1 | Color | Background of success component containers |
surface1 | Color | View background color |
surface2 | Color | View background color |
surfaceContainer1 | Color | Default background color for component containers |
surfaceContainer2 | Color | Darker background color for component containers |
surfaceContainer3 | Color | Darkest background color for component containers |
backgroundColor ⚠️ | Color | Deprecated: This property will be retired in a future release. Switch to a styling hook or use your own custom color. |
foregroundColor ⚠️ | Color | Deprecated: This property will be retired in a future release. Switch to a styling hook or use your own custom color. |
- AgentforceColorToken — the type-safe enum used to reference every token (generic and component) when supplying overrides
- Theming — how to override tokens with
AgentforceThemeOverridesor by subclassingAgentforceCosmosLightColors/AgentforceCosmosDarkColors