Theming support for shimmer
Shimmer also supports theming based on the SharePoint theme. This can be accomplished in two ways.
The following three themes are supported.
- No theme or
hoo-ph-primary - use for the primary theme base background colors;
hoo-ph-neutral - use for the neutral based background color gradient.hoo-ph-fancy - use for the fancy gradients based background color gradient.
This style sheet classes can be added to a complete block as well es directly on the placeholder container.
Block theming
Apply any of the theming classes on the surrounding block.
No Theme on Block
{{>atoms-shimmer-theme-notheme }}
Neutral Theme Block
{{>atoms-shimmer-theme-neutral }}
Primary Theme Block
{{>atoms-shimmer-theme-primary }}
Fancy Theme Block
{{>atoms-shimmer-theme-fancy }}
Inline theming
Apply any of the theming classes on the placeholder element.
No Theme on Block
{{>atoms-shimmer-theme-inline-notheme }}
Neutral Theme Block
{{>atoms-shimmer-theme-inline-neutral }}
Primary Theme Block
{{>atoms-shimmer-theme-inline-primary }}
Fancy Theme Block
{{>atoms-shimmer-theme-inline-fancy }}