2
0

Add dark mode (#191)

Closes #189
This commit is contained in:
Baptiste Arnaud
2022-12-20 16:55:43 +01:00
committed by GitHub
parent 054cbb3585
commit 3394fa5e0a
77 changed files with 1782 additions and 601 deletions

View File

@ -1,4 +1,11 @@
import { VStack, Heading, Stack, Button, useDisclosure } from '@chakra-ui/react'
import {
VStack,
Heading,
Stack,
Button,
useDisclosure,
useColorModeValue,
} from '@chakra-ui/react'
import { ToolIcon, TemplateIcon, DownloadIcon } from '@/components/icons'
import { Typebot } from 'models'
import { useRouter } from 'next/router'
@ -67,7 +74,13 @@ export const CreateNewTypebotButtons = () => {
w="full"
py="8"
fontSize="lg"
leftIcon={<ToolIcon color="blue.500" boxSize="25px" mr="2" />}
leftIcon={
<ToolIcon
color={useColorModeValue('blue.500', 'blue.300')}
boxSize="25px"
mr="2"
/>
}
onClick={() => handleCreateSubmit()}
isLoading={isLoading}
>
@ -78,7 +91,13 @@ export const CreateNewTypebotButtons = () => {
w="full"
py="8"
fontSize="lg"
leftIcon={<TemplateIcon color="orange.500" boxSize="25px" mr="2" />}
leftIcon={
<TemplateIcon
color={useColorModeValue('orange.500', 'orange.300')}
boxSize="25px"
mr="2"
/>
}
onClick={onOpen}
isLoading={isLoading}
>
@ -89,7 +108,13 @@ export const CreateNewTypebotButtons = () => {
w="full"
py="8"
fontSize="lg"
leftIcon={<DownloadIcon color="purple.500" boxSize="25px" mr="2" />}
leftIcon={
<DownloadIcon
color={useColorModeValue('purple.500', 'purple.300')}
boxSize="25px"
mr="2"
/>
}
isLoading={isLoading}
onNewTypebot={handleCreateSubmit}
>