I've learned that this can be done through additional search queries and adding the in text symbol as a "Unit". All through inline code and CSS was not needed after all. Example: <panel>
<title>Add Text Symbol as Unit</title>
<single>
<title>Success Test</title>
<search>
<query>| makeresults | eval count=0 | eval unit=if(count=0, "🗸", "⚠")</query>
<earliest>-4h@m</earliest>
<latest>now</latest>
<done>
<condition>
<set token="p1v1unit">$result.unit$</set>
</condition>
</done>
</search>
<option name="colorBy">value</option>
<option name="drilldown">all</option>
<option name="field">count</option>
<option name="rangeColors">["0x53a051","0xdc4e41"]</option>
<option name="rangeValues">[0]</option>
<option name="unit">$p1v1unit$</option>
<option name="unitPosition">before</option>
<option name="useColors">1</option>
<drilldown>
<link target="_blank">DRILLDOWNLINK</link>
</drilldown>
</single>
<single>
<title>Failure Test</title>
<search>
<query>| makeresults | eval count=33 | eval unit=if(count=0, "🗸", "⚠")</query>
<earliest>-4h@m</earliest>
<latest>now</latest>
<done>
<condition>
<set token="p1v2unit">$result.unit$</set>
</condition>
</done>
</search>
<option name="colorBy">value</option>
<option name="drilldown">all</option>
<option name="field">count</option>
<option name="rangeColors">["0x53a051","0xdc4e41"]</option>
<option name="rangeValues">[0]</option>
<option name="unit">$p1v2unit$</option>
<option name="unitPosition">before</option>
<option name="useColors">1</option>
<drilldown>
<link target="_blank">DRILLDOWNLINK</link>
</drilldown>
</single>
</panel>
... View more