blsmedia/bot
2
0
Fork 0
Code Issues Activity

✨ (theme) Add theme templates

Browse Source 
Allows you to save your themes and select a theme from Typebot's gallery

Closes #275
This commit is contained in:
Baptiste Arnaud
2023-03-28 15:10:06 +02:00
parent c1cf817127
commit 38ed5758fe
49 changed files with 2066 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/builder/src/features/publish/components/embeds/settings/BubbleSettings/ButtonThemeSettings.tsx
View File

@@ -37,14 +37,14 @@ export const ButtonThemeSettings = ({ buttonTheme, onChange }: Props) => {
<HStack justify="space-between">
<Text>Background color</Text>
<ColorPicker
initialColor={buttonTheme?.backgroundColor}
defaultValue={buttonTheme?.backgroundColor}
onColorChange={updateBackgroundColor}
/>
</HStack>
<HStack justify="space-between">
<Text>Icon color</Text>
<ColorPicker
initialColor={buttonTheme?.iconColor}
defaultValue={buttonTheme?.iconColor}
onColorChange={updateIconColor}
/>
</HStack>

8
apps/builder/src/features/publish/components/embeds/settings/BubbleSettings/PreviewMessageThemeSettings.tsx
View File

@@ -49,28 +49,28 @@ export const PreviewMessageThemeSettings = ({
<HStack justify="space-between">
<Text>Background color</Text>
<ColorPicker
initialColor={previewMessageTheme?.backgroundColor}
defaultValue={previewMessageTheme?.backgroundColor}
onColorChange={updateBackgroundColor}
/>
</HStack>
<HStack justify="space-between">
<Text>Text color</Text>
<ColorPicker
initialColor={previewMessageTheme?.textColor}
defaultValue={previewMessageTheme?.textColor}
onColorChange={updateTextColor}
/>
</HStack>
<HStack justify="space-between">
<Text>Close button background</Text>
<ColorPicker
initialColor={previewMessageTheme?.closeButtonBackgroundColor}
defaultValue={previewMessageTheme?.closeButtonBackgroundColor}
onColorChange={updateCloseButtonBackgroundColor}
/>
</HStack>
<HStack justify="space-between">
<Text>Close icon color</Text>
<ColorPicker
initialColor={previewMessageTheme?.closeButtonIconColor}
defaultValue={previewMessageTheme?.closeButtonIconColor}
onColorChange={updateCloseButtonIconColor}
/>
</HStack>