Dark Mode Styling Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Dark Mode Styling Widget
![](https://ecaddons.com/wp-content/uploads/2023/05/darkmodestylingenable-1024x450.png)
Now Drag and Drop Dark Mode Styling widget
![](https://ecaddons.com/wp-content/uploads/2023/05/darkmodestylingwidget.png)
Text form Normal & Dark Mode, You can use smiley emoji
![](https://ecaddons.com/wp-content/uploads/2023/05/dmndtext.png)
Body Background
![](https://ecaddons.com/wp-content/uploads/2023/05/dmbodybg.png)
Global Color same as Elementor Global Color Sequence
![](https://ecaddons.com/wp-content/uploads/2023/05/dmcolor.png)
![](https://ecaddons.com/wp-content/uploads/2023/05/eleglobalcolor.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/05/dmstyletab.png)
Button
Manage padding of button.
For normal and Active/Dark mode you can manage Color, Background, Border and Box Shadow.