GitHub user dosubot[bot] added a comment to the discussion: Customizing Big
Number Conditional Formatter Colors
<!-- Answer -->
To change the colors for "success", "alert", and "error" in the Big Number
chart's conditional formatting, you need to override the theme tokens in your
Superset configuration. These tokens are called `colorSuccessBg`,
`colorWarningBg`, and `colorErrorBg`. The "Edit formatter" dialog only lets you
pick from these three preset theme colors, so changing them will affect all
charts and UI elements that use these tokens.
Here's how you do it:
1. In your `superset_config.py` (or wherever your Superset instance loads its
theme config), define or update the `THEME_DEFAULT` dictionary. Use the `token`
key to set your desired colors. For example, to use vivid green, yellow, and
red:
```python
THEME_DEFAULT = {
"token": {
"colorSuccessBg": "#52c41a", # vivid green
"colorWarningBg": "#faad14", # vivid yellow
"colorErrorBg": "#ff4d4f", # vivid red
# You can also override other tokens if needed
}
}
```
2. Save your changes and restart Superset for the new theme to take effect.
3. Now, when you open the "Edit formatter" dialog in the Big Number chart, the
"success", "alert", and "error" color options will use your new colors.
This change is global: it will affect all places in Superset that use these
semantic background colors, not just the Big Number chart. The UI does not
allow you to pick arbitrary colors or enter hex codes in the dialog—only the
three theme colors you set here will be available for conditional formatting in
the chart editor. If you want to experiment with colors before applying them,
you can use the [Ant Design Theme
Editor](https://github.com/apache/superset/discussions/34647) to preview and
export your theme config.
References:
- [Theme tokens and
structure](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/packages/superset-ui-core/src/theme/Theme.tsx)
- [How the formatter dialog uses these
tokens](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopoverContent.tsx)
- [Example theme
config](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/packages/superset-ui-core/src/theme/exampleThemes.ts)
<!-- Dosu Comment Footer -->
*To reply, just mention [@dosu](https://go.dosu.dev/dosubot).*
---
<sup>How did I do?
[Good](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=great_response)
|
[Irrelevant](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=irrelevant_answer)
|
[Incorrect](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=incorrect_sources)
|
[Verbose](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=too_verbose)
|
[Hallucination](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=hallucination)
| [Report
🐛](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=bug_report)
|
[Other](https://app.dosu.dev/response-feedback/a80d01fe-86c4-4e9d-bde6-3297ccffdef9?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github)&
nbsp;[](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/discussions/35056)
GitHub link:
https://github.com/apache/superset/discussions/35056#discussioncomment-14341816
----
This is an automatically sent email for notifications@superset.apache.org.
To unsubscribe, please send an email to:
notifications-unsubscr...@superset.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscr...@superset.apache.org
For additional commands, e-mail: notifications-h...@superset.apache.org
