mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-03-07 14:36:13 +01:00
[Fix] 1587 - Lightmode Touchups (#1590)
* Fixed hud statuses and tooltips * Fixed chat * Fixed radiobuttons being missplaced
This commit is contained in:
parent
bb43cb57dc
commit
076b7f01fa
5 changed files with 54 additions and 58 deletions
|
|
@ -54,6 +54,9 @@
|
|||
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
|
||||
&:checked::after {
|
||||
color: light-dark(@dark, @golden);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue