2
0

(theme) Add container theme options: border, shadow, filter (#1436)

Closes #1332
This commit is contained in:
Baptiste Arnaud
2024-04-10 10:19:54 +02:00
committed by GitHub
parent 75dd554ac2
commit 5c3c7c2b64
46 changed files with 2126 additions and 549 deletions

View File

@ -1,9 +1,9 @@
import {
Background,
ChatTheme,
ContainerColors,
ContainerTheme,
GeneralTheme,
InputColors,
InputTheme,
Theme,
} from '@typebot.io/schemas'
import { BackgroundType } from '@typebot.io/schemas/features/typebot/theme/constants'
@ -66,7 +66,7 @@ const setChatTheme = (
}
const setHostBubbles = (
hostBubbles: ContainerColors,
hostBubbles: ContainerTheme,
documentStyle: CSSStyleDeclaration
) => {
if (hostBubbles.backgroundColor)
@ -82,7 +82,7 @@ const setHostBubbles = (
}
const setGuestBubbles = (
guestBubbles: ContainerColors,
guestBubbles: any,
documentStyle: CSSStyleDeclaration
) => {
if (guestBubbles.backgroundColor)
@ -98,7 +98,7 @@ const setGuestBubbles = (
}
const setButtons = (
buttons: ContainerColors,
buttons: ContainerTheme,
documentStyle: CSSStyleDeclaration
) => {
if (buttons.backgroundColor)
@ -113,7 +113,7 @@ const setButtons = (
)
}
const setInputs = (inputs: InputColors, documentStyle: CSSStyleDeclaration) => {
const setInputs = (inputs: InputTheme, documentStyle: CSSStyleDeclaration) => {
if (inputs.backgroundColor)
documentStyle.setProperty(
cssVariableNames.chat.inputs.bgColor,