While it's not possible to enable dark mode for a specific page only, you can manually create a dark-styled page by setting dark background colors for sections and using a white text color scheme in the block settings. Several of our demos use this approach, such as: https://foxiz.themeruby.com/accessories/
You can set up a staging site and import this demo for reference.
Thanks for your suggestion - I tried this, and it mostly works. However, the spaces between the containers are white- screenshot attached. I also tried changing the page settings in Elementor to the dark background colour, but that didn't work either.
It seems the issue is related to the margin spacing between elements. Please use padding for the them instead, and try setting the section's margin to 0 or -1. That should resolve the issue.
Is there a way to set the dark mode on the home page only, while all other pages and posts remain in light mode?
I guess one way would be to toggle Elementor containers to be dark mode on the homepage? Is that possible?
Hi,
Thank you for reaching out!
While it's not possible to enable dark mode for a specific page only, you can manually create a dark-styled page by setting dark background colors for sections and using a white text color scheme in the block settings. Several of our demos use this approach, such as: https://foxiz.themeruby.com/accessories/
You can set up a staging site and import this demo for reference.
Let us know if you have any questions.
Regards,
Thanks for your suggestion - I tried this, and it mostly works. However, the spaces between the containers are white- screenshot attached. I also tried changing the page settings in Elementor to the dark background colour, but that didn't work either.
Attached files: Screenshot 2025-06-23 at 11.15.25 AM.png
Hi,
It seems the issue is related to the margin spacing between elements. Please use padding for the them instead, and try setting the section's margin to 0 or -1. That should resolve the issue.
Regards,