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/muds-editor@1.6.0/muds.min.css">

<!-- Include the royal theme stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds-royal.min.css">

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

<!-- Include the MUDS library -->
<script src="https://cdn.jsdelivr.net/npm/muds-editor@1.6.0/muds.min.js"></script>

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