Dark mode

Set the editor to dark mode using the colorScheme prop.

import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

export default function DarkModeExample() {
	return (
		<div className="tldraw__editor">
			<Tldraw colorScheme="dark" />
		</div>
	)
}

Set colorScheme="dark" on the Tldraw component to use dark mode.

Is this page helpful?
Prev
Selection color condition
Next
Force mobile layout