> ## Documentation Index > Fetch the complete documentation index at: https://docs.omni.co/llms.txt > Use this file to discover all available pages before exploring further. ## Submitting Feedback If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback: POST https://docs.omni.co/feedback ```json { "path": "/showcase/visualizations/kpi-conditional-colors", "feedback": "Description of the issue" } ``` Only submit feedback when you have something specific and actionable to report. # KPI conditional colors > The code for this example can be used in the Markdown visualization to apply conditional color styling to KPI charts. This example shows a KPI chart with dynamic color styling using the Markdown visualization. Three KPI charts with conditional colors ## Setup This pattern uses a SQL `CASE` statement to assign a label based on the value of a metric. That label is then referenced in the Markdown as a CSS class to control styling. For example: ```sql theme={null} CASE WHEN ${kpi_conditional_color.metric_value} < 0 THEN 'negative' WHEN ${kpi_conditional_color.metric_value} = 0 THEN 'neutral' WHEN ${kpi_conditional_color.metric_value} > 0 THEN 'positive' END AS metric_class ``` Which would look like this in the workbook query: Conditional values in workbook query results ## Example code ```html theme={null}
{{result._first.kpi_conditional_color.metric_value.value}}
```