updated ui/dist and slighly increased the colors contrast

ui/src/components/collections/CollectionUpsertPanel.svelte

@@ -300,7 +300,9 @@
                 <div class="form-field-addon">
                     <button
                         type="button"
-                        class="btn btn-sm p-r-10 p-l-10 {collection.isNew ? 'btn-hint' : 'btn-transparent'}"
+                        class="btn btn-sm p-r-10 p-l-10 {collection.isNew
+                            ? 'btn-secondary'
+                            : 'btn-transparent'}"
                         disabled={!collection.isNew}
                     >
                         <!-- empty span for alignment -->

ui/src/components/collections/RuleField.svelte

@@ -117,6 +117,6 @@
         padding: 10px 10px;
         border-top-left-radius: 0;
         border-bottom-right-radius: 0;
-        background: rgba(0, 0, 0, 0.05);
+        background: rgba(53, 71, 104, 0.1);
     }
 </style>

ui/src/components/records/ExternalAuthsList.svelte

@@ -83,5 +83,5 @@
         {/each}
     </div>
 {:else}
-    <p class="txt-hint txt-center">No linked OAuth2 providers.</p>
+    <h6 class="txt-hint txt-center m-t-sm m-b-sm">No linked OAuth2 providers.</h6>
 {/if}

ui/src/scss/_form.scss

@@ -173,7 +173,7 @@ button {
     &[disabled] {
         box-shadow: none;
         cursor: default;
-        background: var(--baseAlt2Color);
+        background: var(--baseAlt1Color);
         color: var(--txtDisabledColor) !important;
         &:before {
             display: none;

ui/src/scss/_vars.scss

@@ -15,7 +15,7 @@
     --baseAlt1Color: #e4e9ec;
     --baseAlt2Color: #d7dde4;
     --baseAlt3Color: #c6cdd7;
-    --baseAlt4Color: #abb5c4;
+    --baseAlt4Color: #a5b0c0;
 
     --infoColor:       #3da9fc;
     --infoAltColor:    #d8eefe;