[Fix] 1587 - Lightmode Touchups (#1590)

* Fixed hud statuses and tooltips

* Fixed chat

* Fixed radiobuttons being missplaced

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);
         }

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);
             }
         }
     }

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 {

styles/less/ui/chat/sheet.less

@@ -3,68 +3,70 @@
 
 .daggerheart.chat-sidebar.theme-light,
 #interface.theme-light {
-    .chat-message:not(.duality) .message-content {
+    .chat-message:not(.duality):not(.fate) {
-        color: @dark;
+        .message-content {
+            color: @dark;
 
-        blockquote {
+            blockquote {
-            border-left: 5px solid @dark-blue-40;
+                border-left: 5px solid @dark-blue-40;
-        }
+            }
 
-        a[href] {
+            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;
                 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 {
+            .roll-buttons button {
-                background: @dark-blue-10;
+                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;
-        }
     }
 }
 

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 {