diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less index e740d917..713a4481 100755 --- a/styles/less/global/elements.less +++ b/styles/less/global/elements.less @@ -54,6 +54,9 @@ input[type='checkbox'], input[type='radio'] { + height: 20px; + width: 20px; + &:checked::after { color: light-dark(@dark, @golden); } diff --git a/styles/less/hud/token-hud/token-hud.less b/styles/less/hud/token-hud/token-hud.less index ea58f673..e31ede4a 100644 --- a/styles/less/hud/token-hud/token-hud.less +++ b/styles/less/hud/token-hud/token-hud.less @@ -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); } } } diff --git a/styles/less/ui/chat/chat.less b/styles/less/ui/chat/chat.less index 1b1e3c1c..494af5f1 100644 --- a/styles/less/ui/chat/chat.less +++ b/styles/less/ui/chat/chat.less @@ -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 { diff --git a/styles/less/ui/chat/sheet.less b/styles/less/ui/chat/sheet.less index b632db35..66b539b4 100644 --- a/styles/less/ui/chat/sheet.less +++ b/styles/less/ui/chat/sheet.less @@ -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; - } } } diff --git a/styles/less/ux/tooltip/tooltip.less b/styles/less/ux/tooltip/tooltip.less index 0f632772..8e6f638d 100644 --- a/styles/less/ux/tooltip/tooltip.less +++ b/styles/less/ux/tooltip/tooltip.less @@ -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 {