Update styles for various components

Added some new colors and fixed spacing

components/FilterModal/index.scss

@@ -1,11 +1,6 @@
 .Dialog {
-.Dialog .Filter.DialogContent {
-  overflow: hidden;
-
-    .TableField .Right .SelectTrigger.Table {
-      width: $unit-20x;
-      min-width: auto;
-    }
+  .Filter.DialogContent {
+    overflow: hidden;
   }
 
   .DialogFooter .Buttons .Button.Blended {

components/Slider/index.scss

@@ -27,12 +27,12 @@
   display: block;
   width: 20px;
   height: 20px;
-  background-color: white;
-  box-shadow: 0 2px 10px var(--button-bg);
+  background-color: var(--slider-thumb-bg);
+  box-shadow: 0 2px 10px var(--slider-thumb-shadow);
   border-radius: 10px;
 
   &:hover {
-    background-color: darken(white, 10%);
+    background-color: var(--slider-thumb-bg-hover);
     box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover);
     cursor: grab;
   }

components/TableField/index.scss

@@ -4,6 +4,7 @@
   gap: $unit-2x;
   grid-template-columns: 1fr auto;
   justify-content: space-between;
+  padding: $unit-half 0;
   width: 100%;
 
   @include breakpoint(phone) {
@@ -12,6 +13,10 @@
     flex-direction: column;
   }
 
+  &:hover .Left .Info h3 {
+    color: var(--accent-blue);
+  }
+
   .Left {
     display: flex;
     flex-direction: row;