daggerheart/templates/ui/chat/parts/roll-part.hbs

<div class="roll-part roll-section">
    <div class="roll-part-header"><span>{{title}}</span></div>
    <div class="roll-part-content">
        <div class="roll-result-container">
            <span class="roll-result-value">{{roll.total}}</span>
            <span class="roll-result-desc">
                {{#if roll.isCritical}}
                    {{localize "DAGGERHEART.GENERAL.criticalShort"}}
                {{else}}
                    {{#if roll.result}}
                        {{localize "DAGGERHEART.GENERAL.withThing" thing=roll.result.label}}
                    {{/if}}
                {{/if}}
            </span>
        </div>
        {{#if roll.difficulty}}<span class="roll-difficulty{{#unless roll.success}} is-miss{{/unless}}">difficulty {{roll.difficulty}}</span>{{/if}}
    </div>
    <div class="dice-roll" data-action="expandRoll">
        <div class="roll-part-header"><div><span>Formula</span></div></div>
        <div class="roll-part-content dice-result">
            <div class="dice-tooltip">
                <div class="wrapper">
                    <div class="roll-dice">
                        {{#each roll.dice}}
                            <div class="roll-die">
                                <label>Hope</label>
                                <div>{{total}} <img class="dice-icon" src="systems/daggerheart/assets/icons/dice/hope/{{dice}}.svg" alt=""></div>
                            </div>
                            {{#unless @last}}
                                <div class="roll-die">
                                    <label></label>
                                    <div>+</div>
                                </div>
                            {{/unless}}
                        {{/each}}
                        {{!-- <div class="roll-die">
                            <label>Hope</label>
                            <div>12 <img class="dice-icon" src="systems/daggerheart/assets/icons/dice/hope/d20.svg" alt=""></div>
                        </div>
                        <div class="roll-die">
                            <label></label>
                            <div>+</div>
                        </div>
                        <div class="roll-die">
                            <label>Fear</label>
                            <div>6 <img class="dice-icon" src="systems/daggerheart/assets/icons/dice/fear/d12.svg" alt=""></div>
                        </div> --}}
                    </div>
                </div>
                <div class="roll-formula">{{roll.formula}}</div>
            </div>
        </div>
    </div>
</div>