Dark or Custom Theme

Switch the default light theme of Jodit to a dark one or create your own.

<link rel="stylesheet" href="build/jodit.min.css" />
<script src="build/jodit.min.js"></script>
Copy

Create an input element:

<textarea id="editor"></textarea>
Copy

Initialize Jodit:

var editor = Jodit.make('#editor', {
	theme: 'dark'
});
Copy

Result

You can also craft your own theme:

<style>
	.jodit_theme_summer {
		--jd-color-background-default: #417505;
		--jd-color-border: #474025;
		--jd-color-panel: #5fd3a2;
		--jd-color-icon: #8b572a;
	}
</style>
Copy

Then apply this theme:

Jodit.make('#summer', {
	theme: 'summer'
});
Copy