Pre-built Themes
Switch between multiple built-in themes by setting the data-skin attribute in the tag. Themes like shadcn, corporate, spotify, saas, nature, and many more are pre-configured for quick integration and visual consistency across your layout.
Default Theme
We set defalut theme in admin.
Material Theme
Set
data-skin="material" in the <html> tag to use the Material theme.
Modern Theme
Set
data-skin="modern" in the <html> tag to use the Modern theme.
Saas Theme
Set
data-skin="saas" in the <html> tag to use the Saas theme.
Flat Theme
Set
data-skin="flat" in the <html> tag to use the flat theme.
Minimal Theme
Set
data-skin="minimal" in the <html> tag to use the Minimal theme.
Monochrome Mode Setting
Simply add the class class="monochrome" to the <html> tag. This will enable Monochrome Mode instantly—no need to modify any CSS or JavaScript files.
<html lang="en" class="monochrome">