Theme

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

#

Import

DarkTheme - A simple Box with locked dark theme.
LightTheme - A simple Box with locked light theme.

import { DarkTheme, LightTheme } from "@dreamy-ui/react/rsc";

#

Usage

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