Added some styling to hope and fear results to make them more visible

This commit is contained in:
WBHarry 2025-05-25 22:24:15 +02:00
parent c7a8056d88
commit 3bb9c836c2
3 changed files with 24 additions and 1 deletions

View file

@ -110,6 +110,19 @@
}
.dice-total {
&.duality {
&.hope {
background: rgba(0, 128, 128, 0.5);
border-color: #008080;
border-width: 3px;
}
&.fear {
border-color: #430070;
border-width: 3px;
background: rgba(67, 0, 112, 0.5);
}
}
.dice-total-value {
.hope {
color: @hope;

View file

@ -1431,6 +1431,16 @@
text-align: end;
font-weight: bold;
}
.daggerheart.chat.roll .dice-total.duality.hope {
background: rgba(0, 128, 128, 0.5);
border-color: #008080;
border-width: 3px;
}
.daggerheart.chat.roll .dice-total.duality.fear {
border-color: #430070;
border-width: 3px;
background: rgba(67, 0, 112, 0.5);
}
.daggerheart.chat.roll .dice-total .dice-total-value .hope {
color: #008080;
}

View file

@ -54,7 +54,7 @@
</section>
</div>
</div>
<div class="dice-total">
<div class="dice-total duality {{#if fear.discarded}}hope{{/if}}{{#if hope.discarded}}fear{{/if}}">
<div class="dice-total-label">{{totalLabel}}</div>
<div class="dice-total-value">
{{total}}