Changed hope/fear/critical colors

This commit is contained in:
WBHarry 2025-05-26 00:11:12 +02:00
parent 4c625c9315
commit 8795d7e71d
5 changed files with 29 additions and 18 deletions

View file

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

View file

@ -1,11 +1,11 @@
/* General */
/* Drop Shadows */
/* Background */
/* Base Value */ /* Base Value */
/* Margins */ /* Margins */
/* Borders */ /* Borders */
/* Padding */ /* Padding */
/* Inputs */ /* Inputs */
/* General */
/* Drop Shadows */
/* Background */
@import '../node_modules/@yaireo/tagify/dist/tagify.css'; @import '../node_modules/@yaireo/tagify/dist/tagify.css';
.daggerheart.sheet.class .editor { .daggerheart.sheet.class .editor {
height: 500px; height: 500px;
@ -1391,7 +1391,7 @@
} }
.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.hope { .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.hope {
color: white; color: white;
-webkit-text-stroke-color: #008080; -webkit-text-stroke-color: #ffd700;
-webkit-text-stroke-width: 1.5px; -webkit-text-stroke-width: 1.5px;
font-weight: 400; font-weight: 400;
} }
@ -1400,7 +1400,7 @@
} }
.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.fear { .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.fear {
color: white; color: white;
-webkit-text-stroke-color: #430070; -webkit-text-stroke-color: #0032b1;
-webkit-text-stroke-width: 1.5px; -webkit-text-stroke-width: 1.5px;
font-weight: 400; font-weight: 400;
} }
@ -1432,23 +1432,28 @@
font-weight: bold; font-weight: bold;
} }
.daggerheart.chat.roll .dice-total.duality.hope { .daggerheart.chat.roll .dice-total.duality.hope {
background: rgba(0, 128, 128, 0.5); border-color: #ffd700;
border-color: #008080;
border-width: 3px; border-width: 3px;
background: rgba(255, 215, 0, 0.5);
} }
.daggerheart.chat.roll .dice-total.duality.fear { .daggerheart.chat.roll .dice-total.duality.fear {
border-color: #0032b1;
border-width: 3px;
background: rgba(0, 50, 177, 0.5);
}
.daggerheart.chat.roll .dice-total.duality.critical {
border-color: #430070; border-color: #430070;
border-width: 3px; border-width: 3px;
background: rgba(67, 0, 112, 0.5); background: rgba(67, 0, 112, 0.5);
} }
.daggerheart.chat.roll .dice-total .dice-total-value .hope { .daggerheart.chat.roll .dice-total .dice-total-value .hope {
color: #008080; color: #ffd700;
} }
.daggerheart.chat.roll .dice-total .dice-total-value .fear { .daggerheart.chat.roll .dice-total .dice-total-value .fear {
color: #430070; color: #0032b1;
} }
.daggerheart.chat.roll .dice-total .dice-total-value .critical { .daggerheart.chat.roll .dice-total .dice-total-value .critical {
color: #ffd700; color: #430070;
} }
.daggerheart.chat.roll .dice-total-label { .daggerheart.chat.roll .dice-total-label {
font-size: 12px; font-size: 12px;

View file

@ -1,4 +1,5 @@
@import './variables/variables.less'; @import './variables/variables.less';
@import './variables/colors.less';
@import './class.less'; @import './class.less';
@import './pc.less'; @import './pc.less';
@import './ui.less'; @import './ui.less';

View file

@ -1,7 +1,7 @@
/* General */ /* General */
@hope: #008080; @hope: #ffd700;
@fear: #430070; @fear: #0032b1;
@critical: #ffd700; @critical: #430070;
@advantage: green; @advantage: green;
@disadvantage: #b30000; @disadvantage: #b30000;
@miss: rgb(255, 0, 0); @miss: rgb(255, 0, 0);

View file

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