Improved death marking styling

This commit is contained in:
WBHarry 2025-08-13 16:06:34 +02:00
parent 72466436a8
commit e2da9f8e99
5 changed files with 59 additions and 39 deletions

View file

@ -6,6 +6,12 @@
.downtime-container .activity-container .activity-selected-marker {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
.refreshables-container {
.refreshable-container {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
}
.daggerheart.dh-style.views.downtime {

View file

@ -9,10 +9,14 @@
}
}
}, {
&.adversary {
&.sheet.actor.dh-style.adversary {
.adversary-sidebar-sheet {
background: transparent;
}
.portrait.death-roll .death-roll-btn {
filter: brightness(0) drop-shadow(0 0 3px @dark-blue);
}
}
});
@ -27,6 +31,26 @@
border-bottom: 1px solid light-dark(@dark-blue, @golden);
cursor: pointer;
&.death-roll {
img {
filter: grayscale(1);
}
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
filter: grayscale(1) drop-shadow(0 0 3px black);
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
img {
height: 275px;
width: 275px;
@ -37,23 +61,6 @@
.death-roll-btn {
display: none;
}
&.death-roll {
filter: grayscale(1);
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
}
.threshold-section {

View file

@ -11,11 +11,16 @@
}
}
}, {
.character-sidebar-sheet {
&.sheet.actor.dh-style.character .character-sidebar-sheet {
background: transparent;
.experience-value {
background: url('../assets/svg/experience-shield-light.svg') no-repeat;
}
.portrait.death-roll .death-roll-btn {
filter: brightness(0) drop-shadow(0 0 3px @dark-blue);
}
}
});
@ -29,6 +34,26 @@
border-bottom: 1px solid light-dark(@dark-blue, @golden);
cursor: pointer;
&.death-roll {
img {
filter: grayscale(1);
}
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
filter: grayscale(1) drop-shadow(0 0 3px black);
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
img {
height: 275px;
width: 275px;
@ -40,23 +65,6 @@
display: none;
}
&.death-roll {
filter: grayscale(1);
.death-roll-btn {
display: flex;
position: absolute;
top: 30%;
right: 30%;
font-size: 6rem;
color: @beige;
&:hover {
text-shadow: 0 0 8px @beige;
}
}
}
.icons-list {
position: absolute;
display: flex;

View file

@ -1,8 +1,7 @@
<aside class="adversary-sidebar-sheet">
<div class="portrait {{#if (and source.system.resources.hitPoints.max (gte source.system.resources.hitPoints.value source.system.resources.hitPoints.max))}}death-roll{{/if}}">
<img src="{{source.img}}" alt="{{source.name}}" data-action='editImage' data-edit="img">
<a class="death-roll-btn" data-tooltip="{{localize " DAGGERHEART.UI.Tooltip.makeDeathMove"}}"
data-action="makeDeathMove"><i class="fas fa-skull death-save"></i></a>
<a class="death-roll-btn"><i class="fas fa-skull death-save"></i></a>
</div>
<div class="info-section">

View file

@ -13,7 +13,7 @@
</div>
{{/if}}
<a class="death-roll-btn" data-tooltip="DAGGERHEART.UI.Tooltip.makeDeathMove" {{#if
isDeath}}data-action="makeDeathMove" {{/if}}><i class="fas fa-skull death-save"></i></a>
isDeath}}data-action="makeDeathMove" {{/if}}><i class="fa-solid fa-skull death-save"></i></a>
</div>
<div class="info-section">
<div class="resources-section">