[Fix] 1587 - Lightmode Touchups (#1590)

* Fixed hud statuses and tooltips

* Fixed chat

* Fixed radiobuttons being missplaced
This commit is contained in:
WBHarry 2026-01-28 08:49:22 +01:00 committed by GitHub
parent bb43cb57dc
commit 076b7f01fa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 54 additions and 58 deletions

View file

@ -54,6 +54,9 @@
input[type='checkbox'],
input[type='radio'] {
height: 20px;
width: 20px;
&:checked::after {
color: light-dark(@dark, @golden);
}

View file

@ -2,11 +2,13 @@
.status-effects {
.effect-control {
filter: none;
background: var(--dark-blue-90);
}
.effect-control-container {
.effect-control {
filter: none;
background: var(--dark-blue-90);
}
.effect-control-disabled-marker {
@ -22,6 +24,7 @@
.palette-category-title {
grid-column: span var(--effect-columns);
font-weight: bold;
color: light-dark(@dark-blue, @golden);
}
}
}

View file

@ -82,7 +82,7 @@
}
}
&:not(.duality .fate) {
&:not(.duality):not(.fate) {
.font-20 {
color: @dark;
}
@ -176,7 +176,6 @@
}
&.fate {
&.hope {
--text-color: @golden;
--bg-color: @golden-40;
@ -194,7 +193,6 @@
background-color: @chat-blue-bg;
}
}
}
&.duality {

View file

@ -3,68 +3,70 @@
.daggerheart.chat-sidebar.theme-light,
#interface.theme-light {
.chat-message:not(.duality) .message-content {
color: @dark;
.chat-message:not(.duality):not(.fate) {
.message-content {
color: @dark;
blockquote {
border-left: 5px solid @dark-blue-40;
}
blockquote {
border-left: 5px solid @dark-blue-40;
}
a[href] {
color: @dark-blue;
}
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px @dark-blue;
}
button {
background: transparent;
border: 1px solid @dark-blue;
color: @dark-blue;
&:hover {
background: @light-black;
a[href] {
color: @dark-blue;
}
&:disabled {
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px @dark-blue;
}
button {
background: transparent;
border: 1px solid @dark-blue;
color: @dark-blue;
&:hover {
background: @light-black;
color: @dark-blue;
}
&:disabled {
background: transparent;
color: @dark-blue;
&:hover {
background: transparent;
color: @dark-blue;
}
}
&.reverted {
background: @dark-blue-10;
color: @dark-blue;
border: 1px solid @dark;
&:hover {
background: transparent;
color: @dark-blue;
}
img {
border-radius: 3px;
}
}
}
&.reverted {
background: @dark-blue-10;
.roll-buttons button {
height: 40px;
font-family: @font-body;
font-weight: bold;
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
background: @dark-blue-40;
color: @dark-blue;
border: 1px solid @dark;
&:hover {
background: transparent;
color: @dark-blue;
}
img {
border-radius: 3px;
}
}
}
.roll-buttons button {
height: 40px;
font-family: @font-body;
font-weight: bold;
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
background: @dark-blue-40;
color: @dark-blue;
}
}
}

View file

@ -227,16 +227,6 @@ aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip.card-s
outline: 1px solid light-dark(@dark-blue, @golden);
}
.theme-light #tooltip:has(div.daggerheart.dh-style.tooltip.card-style),
.theme-light aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
.theme-light aside[role='tooltip'].locked-tooltip:has(div.daggerheart.dh-style.tooltip) {
box-shadow: 0 0 25px @dark-blue-90;
outline: 1px solid light-dark(@dark-blue, @golden);
}
#tooltip,
.locked-tooltip,
.daggerheart.dh-style.tooltip {