Dark or custom theme

Change the standard light theme of Jodit to dark or your own

Include Jodit

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

Create input element

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

Init Jodit

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

Result

You can create self theme

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

And use this theme

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

Result