Themes

Themes

Themes apply a set of color styles to an area.

Themes: Default

Preview

No content has been added for this component.

No content has been added for this component.

About Themes

Use a color theme to apply color to the background and text. Some color themes apply a background image or texture.


Overview of CSS Classes

Selector.slds-theme_default
Summary

Sets the background color to white

Restrict*
ModifierTrue
Selector.slds-theme_shade
Summary

Sets the background color to gray

Restrict*
ModifierTrue
Selector.slds-theme_inverse
Summary

Sets the background color to dark blue

Restrict*
ModifierTrue
Selector.slds-theme_alt-inverse
Summary

Sets the background color to darker blue

Restrict*
ModifierTrue
Selector.slds-theme_success
Summary

Sets the background color to green

Restrict*
ModifierTrue
Selector.slds-theme_info
Summary

Sets the background color to gray-ish blue

Restrict*
ModifierTrue
Selector.slds-theme_warning
Summary

Sets the background color to yellow

Restrict*
ModifierTrue
Selector.slds-theme_error
Summary

Sets the background color to red

Restrict*
ModifierTrue
Selector.slds-theme_offline
Summary

Sets the background color to black

Restrict*
ModifierTrue
Selector.slds-theme_alert-texture
Summary

Adds striped background

Restrict*
ModifierTrue