epam / ai-dial-chat

A default UI for AI DIAL
https://chat.lab.epam.com
Apache License 2.0
46 stars 19 forks source link

[UI] Fallback colors in themes don't work. Need to re-check generation of all CSS variables. #1348

Open VolhaBazhkova opened 2 months ago

VolhaBazhkova commented 2 months ago

EPAM AI DIAL chat version

0.10.0

What happened?

In the tailwind.config we set css variables in this way var(--bg-layer-1, #090D13) to have a fallback value in case if no value received from the remote source. However, for now this doesn't work. For example, if bg-layer-1 value at the themes config at remote source will be set to "", the fallback value #090D13 will be not used for the background. UI looks broken.

image

image

Expected result Fallback values should be working in case of the empty value from the remote source.

Confidential information

denys-kolomiitsev commented 2 months ago

Looks like problem is in the styles.ts css variables functions.