Rename icon color variable #4991

Author: Deniz Toprak

resources/scss/src/form/field/Switch.scss

@@ -27,7 +27,7 @@
         }
 
         &:after {
-            border       : 1px solid var(--switchfield-color-off-icon);
+            border       : 1px solid var(--switchfield-color-icon-off);
             border-radius: 50%;
             bottom       : 8px;
             height       : 6px;
@@ -43,7 +43,7 @@
             }
 
             &:after {
-                background-color: var(--switchfield-color-on-icon);
+                background-color: var(--switchfield-color-icon-on);
                 border          : 0;
                 border-radius   : 0;
                 height          : 8px;

resources/scss/theme-light/form/field/Switch.scss

@@ -2,14 +2,14 @@
     --switchfield-bordercolor-focused: #57B2EF;
     --switchfield-borderwidth-focused: 4px;
     --switchfield-color-knob         : #fff;
+    --switchfield-color-icon-on      : #fff;
+    --switchfield-color-icon-off     : #767676;
     --switchfield-color-off          : #BDBDBD;
     --switchfield-color-off-disabled : #BDBDBD;
     --switchfield-color-off-hovered  : #9E9E9E;
-    --switchfield-color-off-icon     : #767676;
     --switchfield-color-on           : #005A96;
     --switchfield-color-on-disabled  : #005A96;
     --switchfield-color-on-hovered   : #004C7E;
-    --switchfield-color-on-icon      : #fff;
     --switchfield-height             : 24px;
     --switchfield-knobsize           : 20px;
     --switchfield-opacity-disabled   : .5;