Some lightmode style fixes

This commit is contained in:
WBHarry 2025-06-22 01:27:15 +02:00
parent 51f9b5d5c1
commit 2608b6dd38
7 changed files with 71 additions and 14 deletions

View file

@ -42,7 +42,7 @@ export default class OwnershipSelection extends HandlebarsApplicationMixin(Appli
const user = game.users.get(x);
if (!user.isGM) {
acc[x] = {
img: user.character?.img,
img: user.character?.img ?? 'icons/svg/cowled.svg',
name: user.name,
ownership: this.ownership.players[x].value
};

View file

@ -1,3 +1,17 @@
.theme-light .daggerheart.dh-style.dialog.character-creation {
.tab-navigation nav a .descriptor {
background: red;
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.main-selections-container {
.traits-container .suggested-traits-container .suggested-trait-container,
.creation-action-footer .footer-section nav a .descriptor,
.equipment-selection .simple-equipment-container .simple-equipment label {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
}
}
.daggerheart.dh-style.dialog.character-creation {
.window-content {
gap: 16px;
@ -114,12 +128,12 @@
width: 110px;
min-height: unset;
border: 1px solid light-dark(@dark-blue, @golden);
color: light-dark(@dark, @beige);
background-color: var(--color-warm-3);
color: light-dark(@beige, @beige);
background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
&:hover {
background-color: var(--color-warm-2);
filter: drop-shadow(0 0 3px var(--color-warm-2));
background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
}
}
}

View file

@ -1,3 +1,11 @@
.theme-light {
.daggerheart.dh-style.countdown {
&.minimized .minimized-view .mini-countdown-container {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
}
}
.daggerheart.dh-style.countdown {
overflow: hidden;
@ -80,6 +88,15 @@
display: flex;
flex-direction: column;
.countdowns-menu {
display: flex;
gap: 8px;
.flex {
flex: 1;
}
}
.countdowns-container {
display: flex;
gap: 8px;

View file

@ -2525,6 +2525,15 @@ div.daggerheart.views.multiclass {
.item-button .item-icon.checked {
opacity: 1;
}
.theme-light .daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor {
background: red;
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.daggerheart.dh-style.dialog.character-creation .window-content {
gap: 16px;
}
@ -2625,12 +2634,12 @@ div.daggerheart.views.multiclass {
width: 110px;
min-height: unset;
border: 1px solid light-dark(#18162e, #f3c267);
color: light-dark(#222, #efe6d8);
background-color: var(--color-warm-3);
color: light-dark(#efe6d8, #efe6d8);
background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
}
.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover {
background-color: var(--color-warm-2);
filter: drop-shadow(0 0 3px var(--color-warm-2));
background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
}
.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container {
text-align: center;
@ -3095,6 +3104,9 @@ div.daggerheart.views.multiclass {
width: 40px;
border-radius: 6px 0 0 6px;
}
.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select {
margin: 4px 0;
}
:root {
--shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
--fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
@ -3209,6 +3221,9 @@ div.daggerheart.views.multiclass {
#resources:has(.fear-bar) {
min-width: 200px;
}
.theme-light .daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.daggerheart.dh-style.countdown {
overflow: hidden;
}
@ -3276,6 +3291,13 @@ div.daggerheart.views.multiclass {
display: flex;
flex-direction: column;
}
.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu {
display: flex;
gap: 8px;
}
.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex {
flex: 1;
}
.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container {
display: flex;
gap: 8px;

View file

@ -17,6 +17,10 @@
width: 40px;
border-radius: 6px 0 0 6px;
}
select {
margin: 4px 0;
}
}
}
}

View file

@ -1,8 +1,8 @@
<div>
<div class="expanded-view {{#if minimized}}hidden{{/if}}">
<div class="flexrow">
{{#if canCreate}}<button data-action="addCountdown">{{localize "DAGGERHEART.Countdown.AddCountdown"}}</button>{{/if}}
{{#if isGM}}<button class="flex0" data-action="openOwnership" data-tooltip="{{localize "DAGGERHEART.Countdown.OpenOwnership"}}"><i class="fa-solid fa-users"></i></button>{{/if}}
<div class="countdowns-menu">
{{#if canCreate}}<button class="flex" data-action="addCountdown">{{localize "DAGGERHEART.Countdown.AddCountdown"}}</button>{{/if}}
{{#if isGM}}<button data-action="openOwnership" data-tooltip="{{localize "DAGGERHEART.Countdown.OpenOwnership"}}"><i class="fa-solid fa-users"></i></button>{{/if}}
</div>
<div class="countdowns-container">

View file

@ -1,7 +1,7 @@
<div class="ownership-outer-container">
<div class="form-group">
<label>{{localize "DAGGERHEART.OwnershipSelection.Default"}}</label>
<div class="form-fields">
<label>{{localize "DAGGERHEART.OwnershipSelection.Default"}}</label>
<select name="ownership.default" data-dtype="Number">
{{selectOptions @root.ownershipOptions selected=ownership.default labelAttr="label" valueAttr="value" }}
</select>
@ -9,7 +9,7 @@
</div>
{{#each ownership.players as |player id|}}
<div class="ownership-container">
{{#if player.img}}<img src="{{player.img}}" />{{/if}}
<img src="{{player.img}}" />
<div>{{player.name}}</div>
<select name="{{concat "ownership.players." id ".type"}}" data-dtype="Number">
{{selectOptions @root.ownershipOptions selected=player.ownership labelAttr="label" valueAttr="value" }}