Feature/restore colors in various components (part 2) (#5444)

* Restore colors in various components

* Button toggle
* Progress bar
* Slide toggle

apps/client/src/styles/theme.scss

@@ -171,6 +171,13 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.button-toggle-overrides(
+    (
+      selected-state-background-color: rgba(var(--dark-dividers)),
+      selected-state-text-color: var(--dark-primary-text)
+    )
+  );
+
   @include mat.card-overrides(
     (
       outlined-container-color: var(--light-background),
@@ -203,6 +210,13 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.slide-toggle-overrides(
+    (
+      selected-track-outline-color: rgba(var(--dark-dividers)),
+      track-outline-color: rgba(var(--dark-dividers))
+    )
+  );
+
   @include mat.table-overrides(
     (
       row-item-outline-color: rgba(var(--dark-dividers))
@@ -234,6 +248,13 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.button-toggle-overrides(
+    (
+      selected-state-background-color: rgba(var(--light-dividers)),
+      selected-state-text-color: var(--light-primary-text)
+    )
+  );
+
   @include mat.card-overrides(
     (
       outlined-container-color: var(--dark-background),
@@ -242,6 +263,13 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.slide-toggle-overrides(
+    (
+      selected-track-outline-color: rgba(var(--light-dividers)),
+      track-outline-color: rgba(var(--light-dividers))
+    )
+  );
+
   @include mat.table-overrides(
     (
       row-item-outline-color: rgba(var(--light-dividers))
@@ -321,6 +349,27 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     )
   );
 
+  @include mat.progress-bar-overrides(
+    (
+      active-indicator-color: var(--gf-theme-primary-500)
+    )
+  );
+
+  @include mat.slide-toggle-overrides(
+    (
+      selected-focus-handle-color: var(--gf-theme-primary-500),
+      selected-focus-track-color: transparent,
+      selected-handle-color: var(--gf-theme-primary-500),
+      selected-hover-handle-color: var(--gf-theme-primary-500),
+      selected-hover-track-color: transparent,
+      selected-pressed-handle-color: var(--gf-theme-primary-500),
+      selected-pressed-track-color: transparent,
+      selected-track-color: transparent,
+      unselected-hover-track-color: transparent,
+      unselected-track-color: transparent
+    )
+  );
+
   @include mat.slider-overrides(
     (
       active-track-color: var(--gf-theme-primary-500),