From a5300d99789b737eacb4e90356c9cc6a0dd02529 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Wed, 15 Dec 2021 09:40:10 +0100
Subject: [PATCH] Use custom theme for slider

---
 .../components/control-bar/control-bar.component.css  | 11 -----------
 projects/editor/src/assets/customTheme.scss           |  1 +
 projects/player/src/assets/customTheme.scss           |  1 +
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/projects/common/components/control-bar/control-bar.component.css b/projects/common/components/control-bar/control-bar.component.css
index 12f4a7939..6f622f688 100644
--- a/projects/common/components/control-bar/control-bar.component.css
+++ b/projects/common/components/control-bar/control-bar.component.css
@@ -55,14 +55,3 @@
 .hint-border{
   border: 2px #f44336 solid;
 }
-
-/* TODO use material theme color */
-::ng-deep app-control-bar .mat-accent .mat-slider-thumb {
-  background-color: #006064;
-}
-::ng-deep app-control-bar .mat-accent .mat-slider-thumb-label {
-  background-color: #006064;
-}
-::ng-deep app-control-bar .mat-accent .mat-slider-track-fill {
-  background-color: #006064;
-}
diff --git a/projects/editor/src/assets/customTheme.scss b/projects/editor/src/assets/customTheme.scss
index 91109da32..2d358324a 100644
--- a/projects/editor/src/assets/customTheme.scss
+++ b/projects/editor/src/assets/customTheme.scss
@@ -10,4 +10,5 @@
 
   @include mat.checkbox-color($aspect-theme);
   @include mat.radio-color($aspect-theme);
+  @include mat.slider-color($aspect-theme);
 }
diff --git a/projects/player/src/assets/customTheme.scss b/projects/player/src/assets/customTheme.scss
index adba6eccc..3535fcda8 100644
--- a/projects/player/src/assets/customTheme.scss
+++ b/projects/player/src/assets/customTheme.scss
@@ -9,3 +9,4 @@ $aspect-theme: mat.define-light-theme((
 
 @include mat.checkbox-color($aspect-theme);
 @include mat.radio-color($aspect-theme);
+@include mat.slider-color($aspect-theme);
-- 
GitLab