Documentation


Custom Themes

You can download different themes for MUDS from our theme store.

Once you have included the css necessary for the theme, the theme name should simply be defined like so theme: 'royal'. If not defined, the theme will default to the standard light theme.

The team is currently hard at work creating more themes.


Custom theme example:





<!-- Include the MUDS stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/muds.min.css">

<!-- Include the royal theme stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/muds-royal.min.css">

<!-- Create the editor container -->
<textarea id="editor"></textarea>

<!-- Include the MUDS library -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/muds.min.js"></script>

<!-- Initialize MUDS editor -->
<script>
var muds = new muds({
    selector: 'editor',
    theme: 'royal'
});
</script>