pythonasyncioapiasyncfastapiframeworkjsonjson-schemaopenapiopenapi3pydanticpython-typespython3redocreststarletteswaggerswagger-uiuvicornweb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
757 B
31 lines
757 B
import { Container, Heading, Stack } from "@chakra-ui/react"
|
|
import { useTheme } from "next-themes"
|
|
|
|
import { Radio, RadioGroup } from "@/components/ui/radio"
|
|
|
|
const Appearance = () => {
|
|
const { theme, setTheme } = useTheme()
|
|
|
|
return (
|
|
<>
|
|
<Container maxW="full">
|
|
<Heading size="sm" py={4}>
|
|
Appearance
|
|
</Heading>
|
|
|
|
<RadioGroup
|
|
onValueChange={(e) => setTheme(e.value)}
|
|
value={theme}
|
|
colorPalette="teal"
|
|
>
|
|
<Stack>
|
|
<Radio value="system">System</Radio>
|
|
<Radio value="light">Light Mode</Radio>
|
|
<Radio value="dark">Dark Mode</Radio>
|
|
</Stack>
|
|
</RadioGroup>
|
|
</Container>
|
|
</>
|
|
)
|
|
}
|
|
export default Appearance
|
|
|