ThemeColor
String value of enum represents the css variable of the color name.
For ex Primary = ‘var(–theme-colors-primary-wlv)’
‘-wlv’ indicates ‘white label value’, meaning it can be/is white label-overridden.
Enumeration Members
Section titled “Enumeration Members”Accent
Section titled “Accent”Accent: "var(--theme-colors-accent-wlv)";AccentActive
Section titled “AccentActive”AccentActive: "var(--theme-colors-accent-active-wlv)";AccentActiveAlpha
Section titled “AccentActiveAlpha”AccentActiveAlpha: "var(--theme-colors-accent-active-alpha-wlv)";AccentContainer
Section titled “AccentContainer”AccentContainer: "var(--theme-colors-accent-container-wlv)";AccentHover
Section titled “AccentHover”AccentHover: "var(--theme-colors-accent-hover-wlv)";AccentHoverAlpha
Section titled “AccentHoverAlpha”AccentHoverAlpha: "var(--theme-colors-accent-hover-alpha-wlv)";Background
Section titled “Background”Background: "var(--theme-colors-background-wlv)";BackgroundDisabled
Section titled “BackgroundDisabled”BackgroundDisabled: "var(--theme-colors-background-disabled-wlv)";Error: "var(--theme-colors-error-wlv)";ErrorActive
Section titled “ErrorActive”ErrorActive: "var(--theme-colors-error-active-wlv)";ErrorContainer
Section titled “ErrorContainer”ErrorContainer: "var(--theme-colors-error-container-wlv)";ErrorHover
Section titled “ErrorHover”ErrorHover: "var(--theme-colors-error-hover-wlv)";Highlight
Section titled “Highlight”Highlight: "var(--theme-colors-highlight-wlv)";Info: "var(--theme-colors-info-wlv)";InfoActive
Section titled “InfoActive”InfoActive: "var(--theme-colors-info-active-wlv)";InfoContainer
Section titled “InfoContainer”InfoContainer: "var(--theme-colors-info-container-wlv)";InfoHover
Section titled “InfoHover”InfoHover: "var(--theme-colors-info-hover-wlv)";ModalOverlay
Section titled “ModalOverlay”ModalOverlay: "var(--theme-colors-modal-overlay)";Muted: "var(--theme-colors-muted-wlv)";MutedActive
Section titled “MutedActive”MutedActive: "var(--theme-colors-muted-active-wlv)";MutedContainer
Section titled “MutedContainer”MutedContainer: "var(--theme-colors-muted-container-wlv)";MutedHover
Section titled “MutedHover”MutedHover: "var(--theme-colors-muted-hover-wlv)";Neutral
Section titled “Neutral”Neutral: "var(--theme-colors-neutral-wlv)";NeutralActive
Section titled “NeutralActive”NeutralActive: "var(--theme-colors-neutral-active-wlv)";NeutralContainer
Section titled “NeutralContainer”NeutralContainer: "var(--theme-colors-neutral-container-wlv)";NeutralHover
Section titled “NeutralHover”NeutralHover: "var(--theme-colors-neutral-hover-wlv)";OnAccent
Section titled “OnAccent”OnAccent: "var(--theme-colors-on-accent-wlv)";OnAccentContainer
Section titled “OnAccentContainer”OnAccentContainer: "var(--theme-colors-on-accent-container-wlv)";OnBackground
Section titled “OnBackground”OnBackground: "var(--theme-colors-on-background-wlv)";OnBackgroundBorder
Section titled “OnBackgroundBorder”OnBackgroundBorder: "var(--theme-colors-on-background-border-wlv)";OnBackgroundHeader
Section titled “OnBackgroundHeader”OnBackgroundHeader: "var(--theme-colors-on-background-header-wlv)";OnBackgroundSubdued
Section titled “OnBackgroundSubdued”OnBackgroundSubdued: "var(--theme-colors-on-background-subdued-wlv)";OnError
Section titled “OnError”OnError: "var(--theme-colors-on-error-wlv)";OnErrorContainer
Section titled “OnErrorContainer”OnErrorContainer: "var(--theme-colors-on-error-container-wlv)";OnHighlight
Section titled “OnHighlight”OnHighlight: "var(--theme-colors-on-highlight-wlv)";OnInfo
Section titled “OnInfo”OnInfo: "var(--theme-colors-on-info-wlv)";OnInfoContainer
Section titled “OnInfoContainer”OnInfoContainer: "var(--theme-colors-on-info-container-wlv)";OnMuted
Section titled “OnMuted”OnMuted: "var(--theme-colors-on-muted-wlv)";OnMutedContainer
Section titled “OnMutedContainer”OnMutedContainer: "var(--theme-colors-on-muted-container-wlv)";OnNeutral
Section titled “OnNeutral”OnNeutral: "var(--theme-colors-on-neutral-wlv)";OnNeutralContainer
Section titled “OnNeutralContainer”OnNeutralContainer: "var(--theme-colors-on-neutral-container-wlv)";OnPrimary
Section titled “OnPrimary”OnPrimary: "var(--theme-colors-on-primary-wlv)";OnPrimaryContainer
Section titled “OnPrimaryContainer”OnPrimaryContainer: "var(--theme-colors-on-primary-container-wlv)";OnSecondary
Section titled “OnSecondary”OnSecondary: "var(--theme-colors-on-secondary-wlv)";OnSecondaryContainer
Section titled “OnSecondaryContainer”OnSecondaryContainer: "var(--theme-colors-on-secondary-container-wlv)";OnStrong
Section titled “OnStrong”OnStrong: "var(--theme-colors-on-strong-wlv)";OnStrongContainer
Section titled “OnStrongContainer”OnStrongContainer: "var(--theme-colors-on-strong-container-wlv)";OnSuccess
Section titled “OnSuccess”OnSuccess: "var(--theme-colors-on-success-wlv)";OnSuccessContainer
Section titled “OnSuccessContainer”OnSuccessContainer: "var(--theme-colors-on-success-container-wlv)";OnSurface
Section titled “OnSurface”OnSurface: "var(--theme-colors-on-surface-wlv)";OnSurfaceBorder
Section titled “OnSurfaceBorder”OnSurfaceBorder: "var(--theme-colors-on-surface-border-wlv)";OnSurfaceHeader
Section titled “OnSurfaceHeader”OnSurfaceHeader: "var(--theme-colors-on-surface-header-wlv)";OnSurfaceSubdued
Section titled “OnSurfaceSubdued”OnSurfaceSubdued: "var(--theme-colors-on-surface-subdued-wlv)";OnWarning
Section titled “OnWarning”OnWarning: "var(--theme-colors-on-warning-wlv)";OnWarningContainer
Section titled “OnWarningContainer”OnWarningContainer: "var(--theme-colors-on-warning-container-wlv)";PickerBerry
Section titled “PickerBerry”PickerBerry: "var(--theme-colors-picker-berry)";PickerBerryLight
Section titled “PickerBerryLight”PickerBerryLight: "var(--theme-colors-picker-berry-light)";PickerCoral
Section titled “PickerCoral”PickerCoral: "var(--theme-colors-picker-coral)";PickerCoralLight
Section titled “PickerCoralLight”PickerCoralLight: "var(--theme-colors-picker-coral-light)";PickerFlamingo
Section titled “PickerFlamingo”PickerFlamingo: "var(--theme-colors-picker-flamingo)";PickerFlamingoLight
Section titled “PickerFlamingoLight”PickerFlamingoLight: "var(--theme-colors-picker-flamingo-light)";PickerFog
Section titled “PickerFog”PickerFog: "var(--theme-colors-picker-fog)";PickerFogLight
Section titled “PickerFogLight”PickerFogLight: "var(--theme-colors-picker-fog-light)";PickerHoney
Section titled “PickerHoney”PickerHoney: "var(--theme-colors-picker-honey)";PickerHoneyLight
Section titled “PickerHoneyLight”PickerHoneyLight: "var(--theme-colors-picker-honey-light)";PickerLemon
Section titled “PickerLemon”PickerLemon: "var(--theme-colors-picker-lemon)";PickerLemonLight
Section titled “PickerLemonLight”PickerLemonLight: "var(--theme-colors-picker-lemon-light)";PickerLime
Section titled “PickerLime”PickerLime: "var(--theme-colors-picker-lime)";PickerLimeLight
Section titled “PickerLimeLight”PickerLimeLight: "var(--theme-colors-picker-lime-light)";PickerOlive
Section titled “PickerOlive”PickerOlive: "var(--theme-colors-picker-olive)";PickerOliveLight
Section titled “PickerOliveLight”PickerOliveLight: "var(--theme-colors-picker-olive-light)";PickerOnPicker
Section titled “PickerOnPicker”PickerOnPicker: "var(--theme-colors-picker-on-picker)";PickerPlum
Section titled “PickerPlum”PickerPlum: "var(--theme-colors-picker-plum)";PickerPlumLight
Section titled “PickerPlumLight”PickerPlumLight: "var(--theme-colors-picker-plum-light)";PickerSky
Section titled “PickerSky”PickerSky: "var(--theme-colors-picker-sky)";PickerSkyLight
Section titled “PickerSkyLight”PickerSkyLight: "var(--theme-colors-picker-sky-light)";Primary
Section titled “Primary”Primary: "var(--theme-colors-primary-wlv)";PrimaryActive
Section titled “PrimaryActive”PrimaryActive: "var(--theme-colors-primary-active-wlv)";PrimaryContainer
Section titled “PrimaryContainer”PrimaryContainer: "var(--theme-colors-primary-container-wlv)";PrimaryHover
Section titled “PrimaryHover”PrimaryHover: "var(--theme-colors-primary-hover-wlv)";Secondary
Section titled “Secondary”Secondary: "var(--theme-colors-secondary-wlv)";SecondaryActive
Section titled “SecondaryActive”SecondaryActive: "var(--theme-colors-secondary-active-wlv)";SecondaryContainer
Section titled “SecondaryContainer”SecondaryContainer: "var(--theme-colors-secondary-container-wlv)";SecondaryHover
Section titled “SecondaryHover”SecondaryHover: "var(--theme-colors-secondary-hover-wlv)";Shadow
Section titled “Shadow”Shadow: "var(--theme-colors-shadow)";ShadowCard
Section titled “ShadowCard”ShadowCard: "var(--theme-colors-shadow-card)";ShadowFooter
Section titled “ShadowFooter”ShadowFooter: "var(--theme-colors-shadow-footer)";ShadowHeader
Section titled “ShadowHeader”ShadowHeader: "var(--theme-colors-shadow-header)";ShadowScroll
Section titled “ShadowScroll”ShadowScroll: "var(--theme-colors-shadow-scroll)";Strong
Section titled “Strong”Strong: "var(--theme-colors-strong-wlv)";StrongActive
Section titled “StrongActive”StrongActive: "var(--theme-colors-strong-active-wlv)";StrongContainer
Section titled “StrongContainer”StrongContainer: "var(--theme-colors-strong-container-wlv)";StrongHover
Section titled “StrongHover”StrongHover: "var(--theme-colors-strong-hover-wlv)";Success
Section titled “Success”Success: "var(--theme-colors-success-wlv)";SuccessActive
Section titled “SuccessActive”SuccessActive: "var(--theme-colors-success-active-wlv)";SuccessContainer
Section titled “SuccessContainer”SuccessContainer: "var(--theme-colors-success-container-wlv)";SuccessHover
Section titled “SuccessHover”SuccessHover: "var(--theme-colors-success-hover-wlv)";Surface
Section titled “Surface”Surface: "var(--theme-colors-surface-wlv)";SurfaceDisabled
Section titled “SurfaceDisabled”SurfaceDisabled: "var(--theme-colors-surface-disabled-wlv)";ViewFinderOverlay
Section titled “ViewFinderOverlay”ViewFinderOverlay: "var(--theme-colors-view-finder-overlay)";ViewHeaderBackground
Section titled “ViewHeaderBackground”ViewHeaderBackground: "var(--theme-colors-view-header-background-wlv)";ViewHeaderSurface
Section titled “ViewHeaderSurface”ViewHeaderSurface: "var(--theme-colors-view-header-surface)";Warning
Section titled “Warning”Warning: "var(--theme-colors-warning-wlv)";WarningActive
Section titled “WarningActive”WarningActive: "var(--theme-colors-warning-active-wlv)";WarningContainer
Section titled “WarningContainer”WarningContainer: "var(--theme-colors-warning-container-wlv)";WarningHover
Section titled “WarningHover”WarningHover: "var(--theme-colors-warning-hover-wlv)";