theme fixes

frontend/less/espo/custom.less

@@ -3251,6 +3251,8 @@ a.close:hover {
         z-index: 1009;
         height: 26px;
         padding: 4px 8px;
+        border-top-left-radius: var(--border-radius);
+        border-top-right-radius: var(--border-radius);
 
         background-color: var(--collapsed-modal-bg);
 

frontend/less/espo/elements/modal.less

@@ -56,22 +56,44 @@
         height: @font-size-h3;
         display: inline-block;
     }
-    opacity: 0.4;
+    opacity: 1;
+    text-shadow: none;
+
+    &,
+    > .fas,
+    > .far {
+        color: var(--text-muted-color);
+    }
+
+    &:hover {
+        opacity: 1;
+        &,
+        > .fas,
+        > .far {
+            color: var(--btn-text-color);
+        }
+    }
 }
 
 .modal-header .collapse-button {
-    opacity: 0.4;
     float: right;
     padding-right: 17px;
     padding-left: 17px;
     top: 3px;
     position: relative;
-    color: var(--gray-soft);
 
-    &:hover,
-    &:focus {
-        color: var(--gray-soft);
-        opacity: 0.8;
+    &,
+    > .fas,
+    > .far {
+        color: var(--text-muted-color);
+    }
+
+    &:hover {
+        &,
+        > .fas,
+        > .far {
+            color: var(--btn-text-color);
+        }
     }
 }
 

frontend/less/espo/value-variables.less

@@ -3,12 +3,12 @@
 @white-color-value: #FEFEFE;
 
 @gray-base-value: #000;
-@gray-soft-value: lighten(@gray-base-value, 39.0%);
 @gray-dark-value: lighten(@gray-base-value, 20%);
 @gray-value: lighten(@gray-base, 33.5%);
 @gray-light-value: lighten(@gray-base, 46.7%);
 @gray-lighter-value: lighten(@gray-base-value, 93.5%);
 
+@gray-soft-value: #7c7c7c;
 @gray-light-value: #999;
 
 @body-bg-value: #f1f1f1;

frontend/less/sakura/variables.less

@@ -11,6 +11,7 @@
 @default-heading-bg-color-value: #f1f1f1;
 
 @main-gray-value: #ececec;
+@gray-soft-value: #8a8a8a;
 
 @brand-primary-value: #6490b7;
 @brand-success-value: #83CD77;

frontend/less/violet/variables.less

@@ -8,6 +8,7 @@
 @link-color-value: #6e86ca;
 
 @main-gray-value: #E4E7F2;
+@gray-soft-value: #8a8a8a;
 
 @modal-header-bg-value: @body-bg-value;