Theme

Theme allows to lock between dark and light mode in the children.

#

Installation

npx dreamy add theme

pnpm dlx dreamy add theme

yarn dlx dreamy add theme

bunx dreamy add theme

#

Usage

Theme components allow you to lock specific sections of your UI to either dark or light mode, regardless of the global theme setting.

This is Dark Theme

This is Light Theme

<DarkTheme>
	<Box p={2} rounded={"l1"} bg="bg">This is Dark Theme</Box>
</DarkTheme>
<LightTheme>
	<Box p={2} rounded={"l1"} bg="bg">This is Light Theme</Box>
</LightTheme>

Textarea

Toast