The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Download Demo6 Dark Version


I would like to use the Dark version of Demo6. Is there a way to download the demo6/dark files? I noticed they are considerably different than the light files. The Demo6 download doesn't include the dark version.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


I did that and added the code to the page, but I noticed that the Dark mode pages have many classes and backgrounds throughout the html documents that are specific to dark mode.

Just adding the bit of code won't make all of the sample pages work the same

Is this the case?



Hi,

The dark mode can work fine if you do not flip those classes. Those were some adjustments to make the dark mode design even more appealing.

Regards.



Hi,

Thanks for your interest in Metronic.

Due to popular requests, we understand that packaging 5 frameworks with 22 demos into a single 4GB download file can be quite daunting. Therefore, as an alternative download option, we've decided to split our demos into individual packages for your convenience.

To get other demos simply go to Metronic demo downloads page to download your demo. You'll need to enter your purchase code for us to validate your purchase.

Please note that the Dark mode must be generated as explained here.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(