Color Token Reference

This page lists every color token the Agentforce Android SDK exposes for theming, with its default value in both light and dark mode.

There are 271 color tokens in total: 47 foundation tokens and 224 component-level tokens across 50 component groups. Groups and token order match the SDK, so this page reads top-to-bottom the same way the components are laid out.

The palette has two layers:

Foundation tokens (from the Salesforce design system): surface1, accent1, onSurface1, border1, and so on. These carry explicit light and dark values.
Component tokens: every UI element has its own token — for example titleBarBackground, sendButtonEnabledBackground, carouselSurface. Each one falls back to a foundation token by default, so changing one component never affects another that happens to share the same foundation color.

Each component token resolves its default in one of three ways:

Alias — falls back to a foundation token (shown in the Resolves to column). Its default light and dark values are that foundation token’s values.
Fixed literal — a single color that’s identical in light and dark.
Per-mode literal — distinct light and dark colors.

Override any token — foundation or component — with withOverrides(...) or AgentforceThemeOverrides. See Theming for usage.

The design-system base palette. Every component token below ultimately resolves to one of these (unless it’s a fixed or per-mode literal). Override these to re-skin the whole UI at once.

Token (`AgentforceColorToken`)	Key	Light	Dark
`Surface1`	`surface1`	`#FFFFFF`	`#1F1F1F`
`Surface2`	`surface2`	`#F3F3F3`	`#302D2D`
`SurfaceContainer1`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`
`SurfaceContainer2`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`SurfaceContainer3`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`
`SurfaceContainerInverse1`	`surfaceContainerInverse1`	`#1F1F1F`	`#FFFFFF`
`OnSurface1`	`onSurface1`	`#000000`	`#FFFFFF`
`OnSurface2`	`onSurface2`	`#222222`	`#E8E8E8`
`OnSurface3`	`onSurface3`	`#939393`	`#E0E0E0`
`OnSurfaceInverse1`	`onSurfaceInverse1`	`#FFFFFF`	`#1D1D21`
`Border1`	`border1`	`#DEDFE1`	`#6E6D6D`
`Border2`	`border2`	`#DADCE0`	`#5F6368`
`Accent1`	`accent1`	`#0170CB`	`#008AF7`
`Accent2`	`accent2`	`#F2F2F2`	`#777777`
`Accent3`	`accent3`	`#D6E6FF`	`#3A3A3A`
`AccentContainer1`	`accentContainer1`	`#E9F5FF`	`#0077D9`
`AccentContainer2`	`accentContainer2`	`#1A73E8`	`#5E9BFF`
`OnAccent1`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`BorderAccent1`	`borderAccent1`	`#0084FF`	`#4285F4`
`BorderAccent2`	`borderAccent2`	`#1A73E8`	`#5E9BFF`
`Error1`	`error1`	`#BA0517`	`#E24857`
`ErrorContainer1`	`errorContainer1`	`#FCE8E6`	`#FEB8AB`
`ErrorContainer2`	`errorContainer2`	`#EA4335`	`#9B000F`
`OnError1`	`onError1`	`#EA4335`	`#9B000F`
`BorderError1`	`borderError1`	`#BA0517`	`#9B000F`
`Success1`	`success1`	`#34A853`	`#34A853`
`SuccessContainer1`	`successContainer1`	`#E6F4EA`	`#2D3B2F`
`SuccessContainer2`	`successContainer2`	`#34A853`	`#34A853`
`OnSuccess1`	`onSuccess1`	`#34A853`	`#81C995`
`BorderSuccess1`	`borderSuccess1`	`#34A853`	`#34A853`
`Disabled1`	`disabled1`	`#9AA0A6`	`#5F6368`
`DisabledContainer1`	`disabledContainer1`	`#EBEBEB`	`#2D2D30`
`DisabledContainer2`	`disabledContainer2`	`#E8EAED`	`#484848`
`OnDisabled1`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`OnDisabled2`	`onDisabled2`	`#DADADA`	`#666666`
`BorderDisabled1`	`borderDisabled1`	`#E8EAED`	`#484848`
`Warning1`	`warning1`	`#F9AB00`	`#FBBC04`
`WarningContainer1`	`warningContainer1`	`#FEF7E0`	`#3B3426`
`OnWarning1`	`onWarning1`	`#8C4B02`	`#F9AB00`
`Info1`	`info1`	`#1A73E8`	`#5E9BFF`
`InfoContainer1`	`infoContainer1`	`#E8F0FE`	`#2A3441`
`Information1`	`information1`	`#1A73E8`	`#5E9BFF`
`InformationContainer1`	`informationContainer1`	`#E8F0FE`	`#2A3441`
`BrandBase90`	`brandBase90`	`#E3F2FD`	`#2A3441`
`BrandBase50`	`brandBase50`	`#0176D3`	`#5E9BFF`
`ErrorBase50`	`errorBase50`	`#EA4335`	`#E24857`
`CloudBlue60`	`cloudBlue60`	`#0D9DDA`	`#1AB9FF`

Every UI element has its own token, grouped below by component.

The root chat surface.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ChatBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`

The conversation header (title, icons, divider).

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`TitleBarBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`TitleBarTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`TitleBarIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`TitleBarDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

The message composer row.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`InputBarBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`InputBarListeningBackground`	`accent3`	`#D6E6FF`	`#3A3A3A`
`InputBarFieldBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`InputBarFieldBorderColor`	`onSurface3`	`#939393`	`#E0E0E0`
`InputBarTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`InputBarPlaceholderColor`	per-mode literal	`#757575`	`#D2D2D2`
`InputBarIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`InputBarTopDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`InputBarCursorColor`	`accent1`	`#0170CB`	`#008AF7`
`InputBarAttachmentDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

The send-message button.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`SendButtonEnabledBackground`	`accent1`	`#0170CB`	`#008AF7`
`SendButtonDisabledBackground`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`SendButtonIconTint`	`onAccent1`	`#FFFFFF`	`#FFFFFF`

The voice-entry (waveform) button in the input bar.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`VoiceButtonBackground`	`onSurface1`	`#000000`	`#FFFFFF`
`VoiceButtonBorder`	`onSurface1`	`#000000`	`#FFFFFF`
`VoiceButtonAccentColor`	`accent1`	`#0170CB`	`#008AF7`

The agent avatar in the chat feed.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AgentAvatarBackground`	`accent3`	`#D6E6FF`	`#3A3A3A`
`AgentAvatarIconTint`	`accent1`	`#0170CB`	`#008AF7`
`AgentAvatarLiveBackground`	per-mode literal	`#05628A`	`#FFFFFF`
`AgentAvatarLiveIconTint`	`accent3`	`#D6E6FF`	`#3A3A3A`

Agent name and message text.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AgentMessageNameColor`	`onSurface1`	`#000000`	`#FFFFFF`
`AgentMessageTextColor`	`onSurface1`	`#000000`	`#FFFFFF`

The end user’s message bubble.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`UserMessageBubbleBackground`	`accentContainer1`	`#E9F5FF`	`#0077D9`
`UserMessageBubbleTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`UserMessageStatusColor`	`onSurface2`	`#222222`	`#E8E8E8`
`UserMessageErrorColor`	`error1`	`#BA0517`	`#E24857`

Suggested reply and chat-response buttons.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ChatResponseButtonBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`ChatResponseButtonTextColor`	`accent1`	`#0170CB`	`#008AF7`
`ChatResponseButtonDisabledBackground`	`onDisabled2`	`#DADADA`	`#666666`
`ChatResponseButtonDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`ChatResponseButtonPrimaryBackground`	`accent1`	`#0170CB`	`#008AF7`
`ChatResponseButtonPrimaryTextColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`

Thumbs up / down / copy row under a message.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`MessageActionIconActiveTint`	`accent1`	`#0170CB`	`#008AF7`
`MessageActionIconInactiveTint`	`onSurface3`	`#939393`	`#E0E0E0`

The “why wasn’t this helpful?” feedback sheet.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`FeedbackBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`FeedbackTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`FeedbackBorderColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`FeedbackButtonBackground`	`accent1`	`#0170CB`	`#008AF7`
`FeedbackButtonDisabledBackground`	`disabledContainer1`	`#EBEBEB`	`#2D2D30`
`FeedbackButtonTextColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`FeedbackButtonDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`

The four toast status styles (shared with iOS).

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ToastInfoBackground`	`infoContainer1`	`#E8F0FE`	`#2A3441`
`ToastInfoForeground`	`info1`	`#1A73E8`	`#5E9BFF`
`ToastSuccessBackground`	`successContainer1`	`#E6F4EA`	`#2D3B2F`
`ToastSuccessForeground`	`onSuccess1`	`#34A853`	`#81C995`
`ToastWarningBackground`	`warningContainer1`	`#FEF7E0`	`#3B3426`
`ToastWarningForeground`	`onWarning1`	`#8C4B02`	`#F9AB00`
`ToastErrorBackground`	`errorContainer1`	`#FCE8E6`	`#FEB8AB`
`ToastErrorForeground`	`onError1`	`#EA4335`	`#9B000F`

More menu, multi-modal sheet, action list, agent selector.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ModalSheetBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`ModalSheetTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`ModalSheetItemTextColor`	`onSurface2`	`#222222`	`#E8E8E8`
`ModalSheetItemIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`ModalSheetDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`ModalSheetDoneButtonBackground`	`accent1`	`#0170CB`	`#008AF7`
`ModalSheetDoneButtonTextColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`

Error shown inline inside an agent response.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`MessageErrorBackground`	`errorContainer1`	`#FCE8E6`	`#FEB8AB`
`MessageErrorTextColor`	`error1`	`#BA0517`	`#E24857`

The floating launcher entry point.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`LauncherBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`LauncherInputBorderColor`	`onSurface3`	`#939393`	`#E0E0E0`
`LauncherIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`LauncherTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`LauncherUnreadDotColor`	`accent1`	`#0170CB`	`#008AF7`
`LauncherFlashBackground`	`accent3`	`#D6E6FF`	`#3A3A3A`
`LauncherIconTileTint`	`accent1`	`#0170CB`	`#008AF7`
`LauncherPlaceholderColor`	per-mode literal	`#757575`	`#D2D2D2`

Suggested-utterance chips and their list.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`UtteranceBackground`	per-mode literal	`#ECF5FE`	`#3A3A3A`
`UtteranceTextColor`	`accent1`	`#0170CB`	`#008AF7`
`UtteranceIconTint`	`accent1`	`#0170CB`	`#008AF7`
`UtteranceListLabelColor`	`onSurface2`	`#222222`	`#E8E8E8`
`UtteranceListBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`

The horizontal card carousel.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`CarouselSurface`	`surface1`	`#FFFFFF`	`#1F1F1F`
`CarouselItemBorderColor`	`accent1`	`#0170CB`	`#008AF7`
`CarouselTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`CarouselDotSelectedColor`	`accent1`	`#0170CB`	`#008AF7`
`CarouselDotUnselectedColor`	`onSurface3`	`#939393`	`#E0E0E0`
`CarouselFadeOverlayColor`	`surface1`	`#FFFFFF`	`#1F1F1F`
`CarouselPlaceholderTint`	`onSurface3`	`#939393`	`#E0E0E0`

Citation chips, list, and external link.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`CitationBackground`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`
`CitationTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`CitationIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`CitationListBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`CitationDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`CitationExternalLinkDefaultColor`	fixed literal	`#4892E7`	`#4892E7`

Rich link preview card.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`RichLinkBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`RichLinkImageBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`RichLinkPlaceholderTint`	`onSurface3`	`#939393`	`#E0E0E0`
`RichLinkTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`RichLinkUrlColor`	`onSurface2`	`#222222`	`#E8E8E8`

Inline web link chip.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`WebLinkBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`WebLinkTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`WebLinkFaviconTint`	`onSurface3`	`#939393`	`#E0E0E0`

Record info card.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`RecordInfoBackground`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`
`RecordInfoTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`RecordInfoLabelColor`	`onSurface1`	`#000000`	`#FFFFFF`
`RecordInfoMoreIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`RecordInfoDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

The full-screen voice conversation room.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`VoiceRoomBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`VoiceRoomTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`VoiceRoomErrorPulseColor`	`onSurface3`	`#939393`	`#E0E0E0`
`VoiceRoomCircleButtonBorderColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`VoiceRoomCircleButtonSelectedBackground`	per-mode literal	`#ECF5FE`	`#3A3A3A`

Record picker list.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`RecordSelectorTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`RecordSelectorDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`RecordSelectorRadioSelectedColor`	`accent1`	`#0170CB`	`#008AF7`
`RecordSelectorRadioUnselectedColor`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`
`RecordSelectorDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

Expandable JSON object viewer.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`JsonViewerBackground`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`
`JsonViewerTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`JsonViewerExpandTextColor`	`accent1`	`#0170CB`	`#008AF7`
`JsonViewerDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`JsonViewerFadeOverlayColor`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`

Email component surface.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`EmailBackground`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`

Shimmer placeholder while content loads.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`StencilShimmerColor`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`

Record-actions sheet.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ActionSheetBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`ActionSheetIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`ActionSheetTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`ActionSheetExternalIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`ActionSheetDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

Toxicity warning block.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ToxicityTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`ToxicityIconTint`	`onSurface3`	`#939393`	`#E0E0E0`
`ToxicityDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

Shared by pre-chat field, secure-form field, text input, and pickers.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`FormFieldLabelColor`	`onSurface2`	`#222222`	`#E8E8E8`
`FormFieldErrorColor`	`error1`	`#BA0517`	`#E24857`
`FormFieldRequiredColor`	`error1`	`#BA0517`	`#E24857`
`FormFieldBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`FormFieldDisabledBackground`	`disabledContainer1`	`#EBEBEB`	`#2D2D30`
`FormFieldBorderColor`	`onSurface3`	`#939393`	`#E0E0E0`
`FormFieldErrorBorderColor`	`error1`	`#BA0517`	`#E24857`
`FormFieldTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`FormFieldDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`FormFieldPlaceholderColor`	`onSurface3`	`#939393`	`#E0E0E0`
`FormFieldArrowTint`	`onSurface3`	`#939393`	`#E0E0E0`
`FormFieldCursorColor`	`accent1`	`#0170CB`	`#008AF7`
`FormFieldClearIconTint`	`onSurface3`	`#939393`	`#E0E0E0`

Checkbox and its label.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`CheckBoxBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`CheckBoxDisabledBackground`	`disabledContainer1`	`#EBEBEB`	`#2D2D30`
`CheckBoxCheckedColor`	`accent1`	`#0170CB`	`#008AF7`
`CheckBoxUncheckedColor`	`onSurface3`	`#939393`	`#E0E0E0`
`CheckBoxCheckmarkColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`CheckBoxLabelColor`	`onSurface1`	`#000000`	`#FFFFFF`
`CheckBoxDisabledLabelColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`CheckBoxDisabledFillColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`

Pre-chat form page.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`PreChatFormPageBackground`	`accent3`	`#D6E6FF`	`#3A3A3A`
`PreChatFormInstructionColor`	`onSurface1`	`#000000`	`#FFFFFF`
`PreChatFormAvatarBackground`	`accent1`	`#0170CB`	`#008AF7`
`PreChatFormAvatarIconTint`	`surface1`	`#FFFFFF`	`#1F1F1F`
`PreChatFormSubmitBackground`	`accent1`	`#0170CB`	`#008AF7`
`PreChatFormSubmitTextColor`	`surface1`	`#FFFFFF`	`#1F1F1F`
`PreChatFormSubmitDisabledBackground`	`onDisabled2`	`#DADADA`	`#666666`
`PreChatFormSubmitDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`PreChatFormRequiredColor`	`error1`	`#BA0517`	`#E24857`

Secure form page.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`SecureFormPageBackground`	`accent3`	`#D6E6FF`	`#3A3A3A`
`SecureFormTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`SecureFormSubmitBackground`	`accent1`	`#0170CB`	`#008AF7`
`SecureFormSubmitTextColor`	`surface1`	`#FFFFFF`	`#1F1F1F`
`SecureFormSubmitDisabledBackground`	`onDisabled2`	`#DADADA`	`#666666`
`SecureFormSubmitDisabledTextColor`	`onDisabled1`	`#898A8D`	`#C1C1C1`
`SecureFormReadOnlyRequiredColor`	`onSurface3`	`#939393`	`#E0E0E0`
`SecureFormSpinnerTint`	`onSurface3`	`#939393`	`#E0E0E0`
`SecureFormSuccessTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`

Secure form link chip.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`SecureFormLinkBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`SecureFormLinkTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`SecureFormLinkIconTint`	`onSurface3`	`#939393`	`#E0E0E0`

Attachment remove button, chip preview, border.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AttachmentRemoveButtonBackground`	`onSurface3`	`#939393`	`#E0E0E0`
`AttachmentRemoveButtonTint`	`accent2`	`#F2F2F2`	`#777777`
`AttachmentChipPreviewBackground`	`surface2`	`#F3F3F3`	`#302D2D`
`AttachmentBorderColor`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`

Placeholder shown before a preview loads.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AttachmentPreviewPlaceholderBackground`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`
`AttachmentChipMimeTypeColor`	`onSurface1`	`#000000`	`#FFFFFF`

Audio attachment player.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AudioAttachmentBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`AudioAttachmentTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`AudioAttachmentDurationColor`	`onSurface2`	`#222222`	`#E8E8E8`
`AudioAttachmentErrorColor`	`error1`	`#BA0517`	`#E24857`
`AudioAttachmentProgressColor`	`accent1`	`#0170CB`	`#008AF7`
`AudioAttachmentButtonBackground`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`

Video attachment preview.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`VideoAttachmentPlaceholderBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`VideoAttachmentPlayButtonBackground`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`VideoAttachmentPlayIconTint`	`onSurface3`	`#939393`	`#E0E0E0`

PDF attachment chip.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AttachmentBackground`	`surfaceContainer2`	`#F5F5F5`	`#777777`
`AttachmentTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`

Full-screen PDF viewer page.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`PdfViewerPageBackground`	fixed literal	`#FFFFFF`	`#FFFFFF`

Image preview / video player chrome. The close-button scrim gets about 45% alpha at the call site.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`MediaViewerBackground`	fixed literal	`#000000`	`#000000`
`MediaViewerCloseIconTint`	fixed literal	`#FFFFFF`	`#FFFFFF`
`MediaViewerCloseIconBackground`	fixed literal	`#000000`	`#000000`
`MediaViewerControlBackground`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`
`MediaViewerControlIconTint`	`onSurface1`	`#000000`	`#FFFFFF`

The animated brand aura / avatar glow (brand-seeded).

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`AuraColor1`	fixed literal	`#1589EE`	`#1589EE`
`AuraColor2`	fixed literal	`#4892E7`	`#4892E7`
`AuraAvatarBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`AuraAvatarIconTint`	per-mode literal	`#0176D3`	`#008AF7`

Markdown-rendered agent text.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`MarkdownTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`MarkdownLinkColor`	per-mode literal	`#0170CB`	`#008AF7`
`MarkdownBlockquoteColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`MarkdownThematicBreakColor`	`border1`	`#DEDFE1`	`#6E6D6D`

HTML-rendered rich text.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`RichTextBackground`	`surfaceContainer1`	`#F3F3F3`	`#2E2E2E`
`RichTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`RichTextLinkColor`	per-mode literal	`#0170CB`	`#008AF7`

Streaming card fade and action text.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`StreamingCardFadeColor`	`surface1`	`#FFFFFF`	`#1F1F1F`
`StreamingCardActionTextColor`	`accent1`	`#0170CB`	`#008AF7`

Status line under the chat.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ChatStatusLineColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`ChatStatusTextColor`	`onSurface1`	`#000000`	`#FFFFFF`

Typing / progress indicator.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`ProgressIndicatorTextColor`	`onSurface1`	`#000000`	`#FFFFFF`
`ProgressIndicatorDotColor`	`onSurface3`	`#939393`	`#E0E0E0`
`ProgressIndicatorSparkleColor`	`accent1`	`#0170CB`	`#008AF7`

Loading, error, and onboarding full-screen states.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`FullScreenTitleColor`	`onSurface1`	`#000000`	`#FFFFFF`
`SpinnerColor`	`accent1`	`#0170CB`	`#008AF7`
`FullScreenBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`FullScreenBodyColor`	`onSurface1`	`#000000`	`#FFFFFF`

Refresh button on the error screen.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`RefreshButtonBackground`	`surface1`	`#FFFFFF`	`#1F1F1F`
`RefreshButtonBorderColor`	`border1`	`#DEDFE1`	`#6E6D6D`
`RefreshButtonTextColor`	`accent1`	`#0170CB`	`#008AF7`
`RefreshButtonIconTint`	`accent1`	`#0170CB`	`#008AF7`

Confirm button on the onboarding screen.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`OnboardingButtonBackground`	`accent1`	`#0170CB`	`#008AF7`
`OnboardingButtonTextColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`OnboardingDividerColor`	`border1`	`#DEDFE1`	`#6E6D6D`

Generic call-to-action button.

Token (`AgentforceColorToken`)	Resolves to	Light	Dark
`CtaButtonBackground`	`accent1`	`#0170CB`	`#008AF7`
`CtaButtonTextColor`	`onAccent1`	`#FFFFFF`	`#FFFFFF`
`CtaButtonBorderColor`	`surfaceContainer3`	`#D8D8D8`	`#BEBEBE`

Values are #RRGGBB and fully opaque. A few tokens (for example the media-viewer scrim) apply transparency where they’re used.
OnAccent1 is white in both modes by design (text and icons on the accent fill).