Dark Mode

Duda Widget: Dark Mode

Create a Dark Mode effect for your website, or web page.

To apply this effect to the entire site, be sure to drag the widget into the footer.

NOTE: This is visible only within the editor and not in the live preview.
To preview the widget, once changes are made, you must view the preview link of the website.

The Preview - The toggle is in the lower right corner of the screen.

It is recommended that only black and white are used on a website with this widget. This widget uses Mix Blend CSS via JS to alter the colors. If you have a color that is not white or black, the opposite (difference) may not appear how you want it to.

This is some text

New Title

Looking for a little razzle-dazzle on your Duda site? Look no further than Cre8 Widgets, the masters of custom Duda Development. With a touch of pizzazz and a sprinkle of magic, our certified Duda Experts are here to make your website dreams come true. From widgets that wow to designs that delight, we've got your back, Duda Agencies. Let's make some digital magic happen!

NEW BUTTON

The image has been ignored

Looking for a little razzle-dazzle on your Duda site? Look no further than Cre8 Widgets, the masters of custom Duda Development. With a touch of pizzazz and a sprinkle of magic, our certified Duda Experts are here to make your website dreams come true. From widgets that wow to designs that delight, we've got your back, Duda Agencies. Let's make some digital magic happen!

NEW BUTTON

This column has been ignored

MARGIN ADDED TO COLUMN SO YOU CAN SEE THE CHANGE STILL ON THE ROW. If you ignore a column, ensure the bg color is the color you want it, because transparent will still change the background when the row background color changes.


Looking for a little razzle-dazzle on your Duda site? Look no further than Cre8 Widgets, the masters of custom Duda Development. With a touch of pizzazz and a sprinkle of magic, our certified Duda Experts are here to make your website dreams come true.

NEW BUTTON

This whole row has been ignored

If you ignore a column, ensure the bg color is the color you want it, because transparent will still change the background when the row background color changes.


Looking for a little razzle-dazzle on your Duda site? Look no further than Cre8 Widgets, the masters of custom Duda Development. With a touch of pizzazz and a sprinkle of magic, our certified Duda Experts are here to make your website dreams come true.

NEW BUTTON

This widget uses MIX BLEND MODE CSS to alter the color of items on the page. To learn more about Mix Blend Mode READ HERE

  • DRAG THE WIDGET TO THE PAGE. 
  • CHOOSE THE ANIMATION TIME
  • CHOOSE THE ICON LIGHT COLOR
  • CHOOSE THE ICON DARK COLOR
  • WILL NOT WORK ON HEADERS THAT ARE STICKY.
  • USE CUSTOM HTML/CSS TO IGNORE ELEMENTS
  • IGNORED COLUMNS AND ROWS MUST HAVE A BACKGROUND COLOR.

$200.00

ORDER NOW
Share by: