Merge branch 'development' into feature/party-sheet

styles/less/dialog/character-creation/selections-container.less

@@ -448,7 +448,7 @@
                         white-space: nowrap;
                         border: 1px solid light-dark(@dark-blue, @golden);
                         border-radius: 6px;
-                        color: light-dark(@beige, @dark);
+                        color: @dark;
                         background-image: url('../assets/parchments/dh-parchment-light.png');
                         padding: 0 2px;
                     }

styles/less/global/elements.less

@@ -801,7 +801,7 @@
             padding: 10px 0;
             text-align: center;
             font-size: var(--font-size-16);
-            color: light-dark(@beige, @dark);
+            color: @dark;
             background-image: url(../assets/parchments/dh-parchment-light.png);
             border-radius: 0 0 4px 4px;
         }
@@ -834,7 +834,7 @@
                 font-variant: small-caps;
                 text-align: center;
                 font-style: italic;
-                color: light-dark(@dark-blue-60, @beige-80);
+                color: light-dark(@dark-blue, @beige-80);
             }
         }
     }

styles/less/ui/index.less

@@ -29,3 +29,5 @@
 
 @import './sidebar/tabs.less';
 @import './sidebar/daggerheartMenu.less';
+
+@import './scene-config/scene-config.less';

styles/less/ui/scene-config/scene-config.less

@@ -0,0 +1,40 @@
+.theme-light .application.sheet.scene-config {
+    .sheet-tabs.tabs a[data-tab='dh'] {
+        &.active img,
+        &:hover img {
+            filter: @grey-filter drop-shadow(0 0 4px var(--color-shadow-primary));
+        }
+
+        img {
+            filter: @grey-filter;
+        }
+    }
+}
+
+.application.sheet.scene-config {
+    .sheet-tabs.tabs {
+        a[data-tab='dh'] {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+
+            &.active,
+            &:hover {
+                img {
+                    filter: @beige-filter drop-shadow(0 0 4px var(--color-shadow-primary));
+                }
+            }
+
+            img {
+                width: 18px;
+                position: relative;
+                top: -3px;
+                filter: @beige-filter;
+            }
+        }
+    }
+
+    .helper-text {
+        font-style: italic;
+    }
+}

styles/less/ui/sidebar/tabs.less

@@ -1,3 +1,9 @@
+.theme-light #interface #ui-right #sidebar {
+    menu li button img {
+        filter: @grey-filter;
+    }
+}
+
 #interface #ui-right #sidebar {
     menu li button {
         img {

styles/less/utils/colors.less

@@ -58,6 +58,8 @@
 @dark-80: #22222280;
 @dark-filter: brightness(0) saturate(100%);
 
+@grey-filter: brightness(15%) saturate(20%);
+
 @deep-black: #0e0d15;
 
 @beige: #efe6d8;