Fix bottom gap of item settings and make header rows more rhythmic (#1529)

* Fixed so the menu and menuIcon coloration correctly changes with mode change

* .

* .

* .

styles/less/global/global.less

@@ -51,3 +51,14 @@
         }
     }
 }
+
+/* TODO: Remove me when this issue is resolved https://github.com/foundryvtt/foundryvtt/issues/13734 */
+body.theme-dark,
+.themed.theme-dark {
+    color-scheme: dark;
+}
+
+body.theme-light,
+.themed.theme-light {
+    color-scheme: light;
+}

styles/less/global/index.less

@@ -10,7 +10,6 @@
 @import './tab-description.less';
 @import './tab-features.less';
 @import './tab-effects.less';
-@import './tab-settings.less';
 @import './item-header.less';
 @import './feature-section.less';
 @import './inventory-item.less';

styles/less/global/item-header.less

@@ -160,7 +160,7 @@
             .item-description {
                 display: flex;
                 flex-direction: column;
-                gap: 10px;
+                gap: 7px;
             }
 
             h3 {

styles/less/global/tab-settings.less

@@ -1,8 +0,0 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
-
-.sheet.daggerheart.dh-style {
-    .tab.settings {
-        margin-bottom: 36px;
-    }
-}

styles/less/ui/sidebar/tabs.less

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