Dark Background

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.

Dark background

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.