fix(grid): sorting icon color

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -2084,6 +2084,10 @@
 
         .sort-icon {
             color: var-get($theme, 'header-selected-text-color');
+	        
+	        //> igx-icon {
+		    //    color: inherit;
+	        //}
 
             ::after {
                 background: var-get($theme, 'header-selected-background');
@@ -2112,10 +2116,18 @@
         &%igx-grid-th--sorted {
             .sort-icon {
                 color: var-get($theme, 'header-selected-text-color');
+	            
+	            > igx-icon {
+		            color: inherit;
+	            }
 
                 &:focus,
                 &:hover {
                     color: var-get($theme, 'header-selected-text-color');
+	                
+	                > igx-icon {
+		                color: inherit;
+	                }
                 }
             }
         }
@@ -2169,9 +2181,17 @@
         .sort-icon {
             opacity: 1;
             color: var-get($theme, 'sorted-header-icon-color');
+	        
+	        > igx-icon {
+		        color: inherit;
+	        }
 
             &:hover {
                 color: var-get($theme, 'sortable-header-icon-hover-color');
+	            
+	            > igx-icon {
+		            color: inherit;
+	            }
             }
         }
     }