Documentation v8.0.25

Preview Purchase

Quick Setup

Metronic supports full Dark Mode that you can preview here and easiliy setup following the below instructions.

Run gulp task with --dark-modeflag in theme/tools/folder to generate the Dark Mode of CSS files.
```
gulp --dark-mode --demo1
```
For Webpack user, use below command.
```
npm run build --dark-mode --demo1
```

Switch CSS files to their Dark Mode. For example style.dark.bundle.cssand plugins.dark.bundle.cssare generated in assets folder:

<!--begin::Global Stylesheets Bundle(used by all pages)-->
<link href="assets/plugins/global/plugins.dark.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.dark.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Stylesheets Bundle-->