Summary

Add a new Markdoc tag that allows workflow query responses to include styled text with custom colors and background highlights.

Use Cases & Why This Would Be Useful

Workflow queries often return diagnostic or status information where visual hierarchy matters. Currently, markdown output is limited to structural formatting (headings, lists, bold, italic). Adding color support would allow workflow authors to create more expressive and immediately scannable query responses without needing to build custom UIs.

• Status indicators: Highlight critical information in workflow diagnostics (e.g., errors in red, warnings in yellow)
• Visual grouping: Use background colors to visually distinguish different sections of query output
• Emphasis: Draw attention to important values or state changes beyond what bold/italic can convey
• Dashboards: Create more visually informative workflow status displays directly from query responses

Proposed Syntax

{% style color="red" %}red text{% /style %}
{% style bg="yellow" %}highlighted text{% /style %}
{% style color="white" bg="blue" %}white text on blue background{% /style %}

Nesting Support (Nice to Have)

Tags can be nested and follow standard CSS cascading behavior:

{% style color="blue" %}
  This is blue text, 
  {% style color="red" %}this part is red{% /style %}, 
  and back to blue.
{% /style %}

{% style color="blue" %}
  Blue text with {% style bg="yellow" %}yellow highlight (still blue text){% /style %}
{% /style %}