Switch between multiple built-in themes by setting the data-skin attribute in the tag. Themes like Classic, Material, Modern, SaaS, Flat, and Minimal are pre-configured for quick integration and visual consistency across your layout.
data-skin="material" in the <html> tag to use the Material theme. You can apply this dynamically using the
LayoutStoreService with
setSkin('material').
data-skin="modern" in the <html> tag to use the Modern theme. You can apply this dynamically using the
LayoutStoreService with
setSkin('modern').
data-skin="saas" in the <html> tag to use the SaaS theme. You can apply this dynamically using the
LayoutStoreService with
setSkin('saas').
data-skin="flat" in the <html> tag to use the Flat theme. You can apply this dynamically using the
LayoutStoreService with
setSkin('flat').
data-skin="minimal" in the <html> tag to use the Minimal theme. You can apply this dynamically using the
LayoutStoreService with
setSkin('minimal').