Further decrease sheet opacity (#1897)

styles/less/global/global.less

@@ -38,7 +38,7 @@
         }
 
         &:before {
-            font-family: 'Font Awesome 6 Pro';
+            font-family: var(--font-awesome);
             content: '\f110';
             position: absolute;
             height: 100%;

styles/less/global/sheet.less

@@ -4,8 +4,8 @@
 
 // Theme handling
 .appTheme({
-    background: @dark-blue-90;
+    background: @dark-blue-d0;
-    backdrop-filter: blur(8px);
+    backdrop-filter: blur(7px);
 }, {
     background: url('../assets/parchments/dh-parchment-light.png') no-repeat center;
 });

styles/less/ui/chat/sheet.less

@@ -195,7 +195,7 @@ fieldset.daggerheart.chat {
         &:before,
         &:after {
             content: '\f0d8';
-            font-family: 'Font Awesome 6 Pro';
+            font-family: var(--font-awesome);
         }
     }
     &.expanded {

styles/less/ui/item-browser/item-browser.less

@@ -125,6 +125,7 @@
 
             .form-group {
                 white-space: nowrap;
+                gap: 0;
             }
 
             .filter-header {
@@ -168,6 +169,10 @@
                     }
                 }
             }
+
+            .filter-content {            
+                margin-top: 8px;
+            }
         }
 
         .folder-list {
@@ -272,7 +277,7 @@
 
             div[data-sort-key] {
                 &:after {
-                    font-family: 'Font Awesome 6 Pro';
+                    font-family: var(--font-awesome);
                     margin-left: 5px;
                 }
 

styles/less/utils/colors.less

@@ -51,6 +51,7 @@
     --dark-blue-50: #18162e50;
     --dark-blue-60: #18162e60;
     --dark-blue-90: #18162e90;
+    --dark-blue-d0: #18162ed0;
     --semi-transparent-dark-blue: rgba(24, 22, 46, 0.33);
 
     --dark: #222222;
@@ -136,6 +137,7 @@
 @dark-blue-50: var(--dark-blue-50, #18162e50);
 @dark-blue-60: var(--dark-blue-60, #18162e60);
 @dark-blue-90: var(--dark-blue-90, #18162e90);
+@dark-blue-d0: var(--dark-blue-d0, #18162ed0);
 @semi-transparent-dark-blue: var(--semi-transparent-dark-blue, rgba(24, 22, 46, 0.33));
 
 @dark: var(--dark, #222222);