
Here's the code to test the issue:
HTML:
<script type="text/worker">
on ("clicked:roll_hi", rollHi);
function rollHi()
{
startRoll("&{template:hi-roll} {{title=Something.}} {{roll1=[[1d30]]}}", rollCallback);
}
function rollCallback(result)
{
finishRoll(result["rollId"]);
}
</script>
<rolltemplate class="sheet-rolltemplate-hi-roll">
<div class="sheet-template-container sheet-hi-roll-label">
{{title}}{{roll1}}
</div>
</rolltemplate>
<button type="action" name="act_roll_hi">Roll!</button>
CSS:
.sheet-hi-roll-label
{
color: #80AAFF;
}
The text of the roll message appears black in the chat window. In the inspector it shows that the classes appear in the div the same as they appear in my HTML. It doesn't work if I nest a second <div> and doesn't work if I try to modify the style of <h4> and use that around my text. Any more ideas?