We’ve considered adding a dark mode for Astra. While we can make dark mode work for the parts of the website that Astra controls, such as the header, footer, and blog sections, most WordPress sites use various third-party plugins for features like:
- Contact forms
- Online courses
- Appointments and Bookings
- Donation forms
- Events
- Online stores (like WooCommerce)
- Membership areas
- Custom login pages
- Page builders
- Social media
These plugins have their own designs and styles, which Astra can’t control. So, even if we added dark mode to Astra, only the parts of the site that Astra controls would look right. Other plugins might still be in light mode, making the site look mismatched and messy.
If some parts of your site are in dark mode and others are still in light mode, it can be hard to read and not look very good. This inconsistency can be frustrating for your visitors.
Astra offers global color settings where you can set your custom colors. The theme will use these colors throughout your site using CSS variables. This means you can manually create a dark style if you want.
However, we don’t offer a switch control that you can add somewhere on your website’s front end, allowing visitors to choose between light and dark modes. We considered adding this, but we decided not to add it because of the issues with third-party plugins and not having control over their styling.
The best way to achieve a consistent dark mode on a website is for designers and developers to build a dark mode specifically for the websites they are creating.
Astra’s global color settings allow for extensive flexibility. You would need to choose the plugins that take styling from the theme and adapt to it.
For any further questions or need assistance, feel free to reach out. We’re here to help!
