diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json index 62c00d29d0..675ff54d23 100644 --- a/packages/embeds/js/package.json +++ b/packages/embeds/js/package.json @@ -1,6 +1,6 @@ { "name": "@typebot.io/js", - "version": "0.0.65", + "version": "0.0.66", "description": "Javascript library to display typebots on your website", "type": "module", "main": "dist/index.js", diff --git a/packages/embeds/js/src/utils/setCssVariablesValue.ts b/packages/embeds/js/src/utils/setCssVariablesValue.ts index e664774cef..3bf09d3e01 100644 --- a/packages/embeds/js/src/utils/setCssVariablesValue.ts +++ b/packages/embeds/js/src/utils/setCssVariablesValue.ts @@ -8,6 +8,7 @@ import { } from '@typebot.io/schemas' import { BackgroundType } from '@typebot.io/schemas/features/typebot/theme/enums' import { isLight, hexToRgb } from '@typebot.io/lib/hexToRgb' +import { isNotEmpty } from '@typebot.io/lib' const cssVariableNames = { general: { @@ -37,6 +38,7 @@ const cssVariableNames = { }, checkbox: { bgColor: '--typebot-checkbox-bg-color', + color: '--typebot-checkbox-color', }, }, } as const @@ -155,7 +157,9 @@ const setTypebotBackground = ( parseBackgroundValue(background) ) const backgroundColor = - (BackgroundType.COLOR ? background.content : '#ffffff') ?? '#ffffff' + (BackgroundType.COLOR && isNotEmpty(background.content) + ? background.content + : '#ffffff') ?? '#ffffff' documentStyle.setProperty( cssVariableNames.chat.checkbox.bgColor, (BackgroundType.COLOR ? background.content : '#ffffff') ?? '#ffffff' diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json index 2f2adba7e9..78273a376a 100644 --- a/packages/embeds/react/package.json +++ b/packages/embeds/react/package.json @@ -1,6 +1,6 @@ { "name": "@typebot.io/react", - "version": "0.0.65", + "version": "0.0.66", "description": "React library to display typebots on your website", "main": "dist/index.js", "types": "dist/index.d.ts",