mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 11:41:08 +01:00
Some lightmode style fixes
This commit is contained in:
parent
51f9b5d5c1
commit
2608b6dd38
7 changed files with 71 additions and 14 deletions
|
|
@ -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)));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@
|
|||
width: 40px;
|
||||
border-radius: 6px 0 0 6px;
|
||||
}
|
||||
|
||||
select {
|
||||
margin: 4px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue