Use flat-icon-button-theme for Paging style sample (#3873)

Author: Mariela Tihova

src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.scss

@@ -5,15 +5,15 @@ $my-primary: #231c2c;
 $my-secondary: #d0ab23;
 $dark-gray: #333;
 $light-gray: #999;
-$inactive-color: #9b7829;
+$inactive-color: #826217;
 
 $dark-paginator: paginator-theme(
   $text-color: $my-secondary,
   $background-color: $my-primary,
   $border-color: $my-secondary
 );
 
-$dark-button: icon-button-theme(
+$dark-button: flat-icon-button-theme(
   $foreground: $my-secondary,
   $hover-foreground: $dark-gray,
   $hover-background: $my-secondary,
@@ -59,13 +59,12 @@ $dark-drop-down-theme: drop-down-theme(
 
 :host {
   ::ng-deep {
-    @include css-vars($dark-drop-down-theme);  
-	
+    @include css-vars($dark-drop-down-theme);
+
     igx-paginator {
       @include css-vars($dark-button);
       @include css-vars($dark-input-group);
       @include css-vars($dark-select);
     }
   }
 }
- 

src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.scss

@@ -5,15 +5,15 @@ $my-primary: #231c2c;
 $my-secondary: #d0ab23;
 $dark-gray: #333;
 $light-gray: #999;
-$inactive-color: #9b7829;
+$inactive-color: #826217;
 
 $dark-paginator: paginator-theme(
   $text-color: $my-secondary,
   $background-color: $my-primary,
   $border-color: $my-secondary
 );
 
-$dark-button: icon-button-theme(
+$dark-button: flat-icon-button-theme(
   $foreground: $my-secondary,
   $hover-foreground: $dark-gray,
   $hover-background: $my-secondary,
@@ -59,7 +59,7 @@ $dark-drop-down-theme: drop-down-theme(
 
 :host {
   ::ng-deep {
-    @include css-vars($dark-drop-down-theme);  
+    @include css-vars($dark-drop-down-theme);
 
     igx-paginator {
       @include css-vars($dark-button);
@@ -68,4 +68,3 @@ $dark-drop-down-theme: drop-down-theme(
     }
   }
 }
- 

src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.scss

@@ -5,15 +5,15 @@ $my-primary: #231c2c;
 $my-secondary: #d0ab23;
 $dark-gray: #333;
 $light-gray: #999;
-$inactive-color: #9b7829;
+$inactive-color: #826217;
 
 $dark-paginator: paginator-theme(
   $text-color: $my-secondary,
   $background-color: $my-primary,
   $border-color: $my-secondary
 );
 
-$dark-button: icon-button-theme(
+$dark-button: flat-icon-button-theme(
   $foreground: $my-secondary,
   $hover-foreground: $dark-gray,
   $hover-background: $my-secondary,
@@ -59,13 +59,12 @@ $dark-drop-down-theme: drop-down-theme(
 
 :host {
   ::ng-deep {
-    @include css-vars($dark-drop-down-theme);  
-	  
+    @include css-vars($dark-drop-down-theme);
+
     igx-paginator {
       @include css-vars($dark-button);
       @include css-vars($dark-input-group);
       @include css-vars($dark-select);
     }
   }
 }
-