If you are using a Muut integration (ex. Wix, Weebly, Shopify, Wordpress) please check with your documentation and support to see if this technique will work for you.
Changing up your embed code for a dark website is super easy, it just takes a little modification to your code.
As with any embed code be sure to edit
https://muut.com/i/
community-name to your own community URL
A typical embed code might look like this:
<a class="muut" href="https://muut.com/i/community-name">Your Community Title</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>
This code modified for a dark theme would look like this:
<a class="moot md-dark-header md-dark-page md-dark-sidebar md-dark-topic" href="https://muut.com/i/community-name">Your Community Title</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>
The key here is the addition of "classes" these bring CSS hidden in our system to the front. The addition of these will make your community much more visible on a dark theme.
You can even selectively use these bits.
md-dark-header
for a dark header
md-dark-topic
for dark topics
md-dark-sidebar
for a dark sidebar
md-dark-page
for a dark page, which is the area beside the sidebar
These classes will invert the foreground color scheme so that it’s better suited for dark background colors.