Themes

Default

Shade

Shade with texture

.slds-theme

.slds-theme — Sets the theme

.slds-theme_default

.slds-theme_default — Sets the background color to white

.slds-theme_shade

.slds-theme_shade — Sets the background color to gray

.slds-theme_inverse

.slds-theme_inverse — Sets the background color to dark blue

.slds-theme_alt-inverse

.slds-theme_alt-inverse — Sets the background color to darker blue

.slds-theme_success

.slds-theme_success — Sets the background color to green

.slds-theme_info

.slds-theme_info — Sets the background color to gray-ish blue

.slds-theme_warning

.slds-theme_warning — Sets the background color to yellow

.slds-theme_error

.slds-theme_error — Sets the background color to red

.slds-theme_offline

.slds-theme_offline — Sets the background color to black

.slds-theme_alert-texture

.slds-theme_alert-texture — Adds striped background