倉庫指標
- 星標
- (19,820 顆星)
- PR 合併指標
- (平均合併 4天 12小時) (30 天內合併 139 個 PR)
描述
Checklist
- I have searched Budibase Discussions and GitHub Issues to confirm this has not already been reported.
Hosting
- Self‑hosted
- Method: Docker
- Budibase Version: 3.38.0
- App Version: 3.38.0
Describe the bug
When applying a color in Budibase, if the value is set using a CSS variable, the color orb in the design panel does not update to reflect the applied color. The CSS variable does work correctly — the component’s text color changes as expected — but the UI still shows the orb as if no color is set.
This creates confusion because it appears that no color has been applied, even though the variable is functioning properly.
To Reproduce
- Open any Budibase app.
- Select a component with text styling options.
- Scroll to Color under the General section.
- Open the color picker and set the color to a CSS variable (e.g.,
var(--myColor)). - Ensure the CSS variable is defined (e.g., in an Embed component).
- Observe that the text color updates correctly, but the color orb does not reflect the applied value.
Expected behavior
The color orb should visually update to indicate that a color has been set — even when the value is a CSS variable — so the UI accurately reflects the component’s styling state.
Screenshots
App Export
If possible, attach an export of your Budibase application to assist with debugging.
Desktop (please complete the following information):
- OS: MAC OS
- Browser: Chrome/Safari/Firefox/Edge
- Version:
Additional context
CSS variables work correctly at runtime; the issue is strictly with the design‑panel UI not reflecting the applied value.