Color the slider rectangle in number line mode also in position 0

docs/release-notes-editor.txt

@@ -2,6 +2,8 @@ Editor
 ======
 1.24.0
 - Show arrow for slider in number line mode
+- Center the position of slider rectangle in number line mode
+- Color the slider rectangle in number line mode also in position 0
 - Add a Unicode font to display squares, bars, and dots
 
 1.23.0

docs/release-notes-player.txt

@@ -2,6 +2,8 @@ Player
 ======
 1.18.0
 - Show arrow for slider in number line mode
+- Center the position of slider rectangle in number line mode
+- Color the slider rectangle in number line mode also in position 0
 - Add a Unicode font to display squares, bars, and dots
 
 1.17.0

projects/common/ui-elements/slider/slider.component.ts

@@ -101,9 +101,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     // eslint-disable-next-line max-len
     '.arrow-head {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 20px solid #555;}',
     // eslint-disable-next-line max-len
-    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 9px; height: 40px; bottom: -20px; margin-right: 5px;}',
-    ':host ::ng-deep .bar-style .mat-slider-track-fill { background-color: rgba(0,0,0,0);}',
-    ':host ::ng-deep .bar-style .mat-slider-track-background { background-color: rgba(0,0,0,0);}'
+    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 9px; height: 40px; bottom: -20px; margin-right: 5px; background-color: #006064}',
+    ':host ::ng-deep .bar-style .mat-slider-track-fill {background-color: rgba(0,0,0,0);}',
+    ':host ::ng-deep .bar-style .mat-slider-track-background {background-color: rgba(0,0,0,0);}'
   ]
 })
 export class SliderComponent extends FormElementComponent implements OnInit {