Skip to main content

colors

This parameter allows you to modify the colors of the application. Many fields are available and no one is mandatory. Each empty field will receive a default value from the theme used (dark by default).

NameRequiredTypeDefault valueDescription
themeNo'dark' | 'light'darkMain theme
primaryNostring#00D7FFMain color used in several parts of the application
secondaryNostring#1999B1Secondary color used in several parts of the application
blackNostring#101219Main clors for black texts
whereToEatColorNostring#FC952ECategory where to eat
whereToSleepColorNostring#9F007DCategory where to sleep
tobeSeenColorNostring#76AB2ACategory to be seen
tobeDoneColorNostring#E23C2ACategory to do
localProductsColorNostring#AFB942Category local products
servicesColorNostring#00C8BCCategory services
agendaColorNostring#865DA2Category agenda
occupantColorNostring#6DEDBCCategory residents
companyNameNostring#000Text color in the upper part of the upper banner in text mode on mobile / widget
loaderNoLoaderColorsColors relative to the 'choice of mode' page on application launch
cardNoCardColorsColors relative to the cards in bot responses
textModeNoTextModeColorsColors relative to the bot response panel in text mode
vocalModeNoVocalModeColorsColors relative to the vocal mode(sous-titres)
formInputNoFormInputColorsColors relative to the cards used in forms

loadercolors

NameRequiredTypeDefault valueDescription
animationNostringprimaryAnimation on the page (3 successive dots)
backgroundNostring#121212B3Background's overlay color overlay
textNostring#FFFText color
toggle: {NoMode choice buttons' color
   textNostring#000Text color
   backgroundNostringprimaryButton's background color
}
buttonNoButtonCValidation button's color

cardcolors

NameRequiredTypeDefault valueDescription
frame: {NoCards container's color
   textNostring#F7F3F6Text color
   borderNostringtransparentFrame border's color
   backgroundNostring#2B2B2Bframe background's color
}
buttonNoButtonCValidation button's colors
discoverButtonNoButtonDiscover choice button's color

textmodecolors

NameRequiredTypeDefault valueDescription
panel: {NoText mode conversation container's colors
   conversationUserNostring#101219Text color of user's text
   conversationBotNostring#1999B1Text color of bot's text
   borderNostringtransparentContainer border's color
   backgroundNostring#FFFFFFE6Container background's color
}

vocalmodecolors

NameRequiredTypeDefault valueDescription
subtitles: {NoColors of the subtitles and their container
   textNostring#FFFText color
   backgroundNostring#000Container background's color
}

forminputcolors

NameRequiredTypeDefault valueDescription
text: {NoText colors
   defaultNostringsecondaryDefault
   hoverNostring#FFFHover
}
inputRadioCheckboxNoInputRRadio button and checkbox colors
inputButtonNoInputBButtons colors
likert: {NoCouleurs pour l'échelle de Likert
   defaultNostringtransparentDefault
   hoverNostring#E8B712Hover
}

button

NameRequiredTypeDefault valueDescription
text: {YesText colors
   defaultYesstring#575F6BDefault
   hoverYesstring#FFFHover
}
border: {YesButton border's colors
   defaultYesstringtransparentDefault
   hoverYesstring#FFFHover
}
backgroundYesButton background's colors
   defaultYesstring#EAEBF0Default
   hoverYesstringtransparentHover
}

buttonconditional

NameRequiredTypeDefault valueDescription
text: {NoText colors
   defaultNostringprimaryDefault
   hoverNostring#FFFHover
}
border: {NoButton border's colors
   defaultNostringprimaryDefault
   hoverNostring#FFFHover
}
backgroundNoButton background's colors
   defaultNostringtransparentDefault
   hoverNostringtransparentHover
}

inputradio

NameRequiredTypeDefault valueDescription
unckecked: {NoColors when not selected
   backgroundNostring#434141Default
   borderNostring#818181Hover
}
checked: {NoColors when selected
   backgroundNostringprimaryButton / box background's color
   borderNostringprimaryButton / box border's color
   itemNostring#000Button / box content's color when selected
}

inputbutton

NameRequiredTypeDefault valueDescription
text: {NoText colors
   defaultNostring#FFFDefault
   hoverNostring#FFFHover
}
border: {NoButton border's colors
   defaultNostringprimaryDefault
   hoverNostring#FFFHover
}
backgroundNoButton background's colors
   defaultNostringblackDefault
   hoverNostringprimaryHover
}