feat(samples): update styling samples

Author: didimmova

src/app/data-display/chip/chip-styling/chip-styling.component.scss

@@ -2,17 +2,10 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-theme: chip-theme(
-  $background: #011627,
-  $hover-background: #011627dc,
-  $focus-background: #0116276c,
+  $background: #57a5cd,
   $selected-background: #ecaa53,
-  $hover-selected-background: #ecaa53,
-  $focus-selected-background: #ecaa53,
-  $text-color: #fefefe,
-  $remove-icon-color: #f14545,
-  $remove-icon-color-focus: #da0000,
+  $remove-icon-color: #d81414,
   $border-radius: 5px,
 );
 
 @include css-vars($custom-theme);
- 

src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.scss

@@ -1,9 +1,7 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-theme: progress-circular-theme(
-  $base-circle-color: lightgray,
   $fill-color-default: rgb(32, 192, 17),
 );
 
 @include css-vars($custom-theme);
- 

src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.scss

@@ -2,10 +2,8 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-theme: progress-linear-theme(
-  $track-color: #d3d3d3,
   $fill-color-default: #ecaa53,
   $text-color: #ecaa53,
 );
 
 @include css-vars($custom-theme);
- 

src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.scss

@@ -2,16 +2,8 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-button-group: button-group-theme(
-  $item-text-color: #fdfdfd,
-  $item-background: #2f4d6a,
-  $item-hover-text-color: #fdfdfd,
-  $item-hover-background: #1f3347,
-  $item-selected-text-color: #fdfdfd,
-  $item-selected-background: #1f3347,
-  $item-selected-hover-background: #1f3347,
-  $disabled-text-color: gray,
-  $disabled-background-color: lightgray,
+  $item-background: #57a5cd,
 );
 
 @include css-vars($custom-button-group);
- 
+

src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.scss

@@ -2,12 +2,9 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-checkbox-theme: checkbox-theme(
-  $border-radius: 10px,
-  $label-color: #011627,
   $empty-color: #ecaa53,
   $fill-color: #ecaa53,
-  $tick-color: #011627,
+  $border-radius: 5px
 );
 
 @include css-vars($custom-checkbox-theme);
- 

src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.scss

@@ -2,20 +2,13 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-drop-down-theme: drop-down-theme(
-  $background-color: #fdfdfd,
   $header-text-color: #345779,
   $item-text-color: #2dabe8,
+  $hover-item-text-color: #345779,
   $selected-item-background: #345779,
-  $selected-item-text-color: #fdfdfd,
-  $selected-hover-item-background: #345779,
-  $selected-hover-item-text-color: #fdfdfd,
-  $selected-focus-item-background: #345779,
-  $selected-focus-item-text-color: #fdfdfd,
   $hover-item-background: rgba(0, 0, 0, 0.12),
-  $hover-item-text-color: #345779,
 );
 
 .drop-down__scroll-container {
   @include css-vars($custom-drop-down-theme);
 }
- 

src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss

@@ -3,14 +3,10 @@
 
 $custom-input-group: input-group-theme(
   $filled-text-color: #288a54,
-  $focused-text-color: #174f30,
   $idle-text-color: #288a54,
   $idle-bottom-line-color: #288a54,
-  $interim-bottom-line-color: #288a54,
-  $hover-bottom-line-color: #288a54,
   $focused-secondary-color: #174f30,
   $box-background: #eeeeee
 );
 
 @include css-vars($custom-input-group);
- 

src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.scss

@@ -2,12 +2,8 @@
 @use "igniteui-angular/theming" as *;
 
 $custom-radio-theme: radio-theme(
-  $disabled-color: lightgray,
   $empty-color:  #345779,
   $fill-color: #2dabe8,
-  $fill-color-hover: #2dabe8,
-  $fill-hover-border-color: #2dabe8
 );
 
 @include css-vars($custom-radio-theme);
- 

src/app/data-entries/select/select-styling/select-styling.component.scss

@@ -7,4 +7,3 @@ $custom-select-theme: select-theme(
 );
 
 @include css-vars($custom-select-theme);
- 

src/app/data-entries/switch/switch-styling/switch-styling.component.scss

@@ -3,8 +3,6 @@
 
 $custom-switch-theme: switch-theme(
   $thumb-on-color: #ecaa53,
-  $track-on-color: #f0cb9c
 );
 
 @include css-vars($custom-switch-theme);
-