Dark theme

IcyMat Design has a built-in dark theme for the app. This mode reverses the white and black colors, enabling color grading. To enable dark mode, add the .imd-dark-theme class to the <body> tag.


System detect
To use theme based on user settings please use imd-theme-system css class.

Dark theme can be added to any element on the document.

To disable dark mode for any element use imd-dark-theme-disable class.

Button

To create switch theme button add data-imd-toggle-theme to any clickable element on your website.

Chapters

Code preview