Refactor react-switch color to less file

Signed-off-by: Carlos Martín <[email protected]>

Author: carlosms

frontend/src/components/CodeViewer.js

@@ -154,11 +154,9 @@ class CodeViewer extends Component {
               uncheckedIcon={
                 <span className="switch-text unchecked">UAST</span>
               }
-              onColor="#ffba34"
-              offColor="#e1e1e1"
               width={100}
               handleDiameter={20}
-              className="code-toggler"
+              className={`code-toggler ${showUast ? 'checked' : 'unchecked'}`}
               aria-label="Toggle UAST view"
             />
           </Modal.Title>

frontend/src/components/CodeViewer.less

@@ -33,12 +33,24 @@
     }
 
     .switch-text.checked {
-        color:    @btn-gbpl-tertiary-color;
+        color: @btn-gbpl-tertiary-color;
         padding-left: 28px;
     }
 
     .switch-text.unchecked {
         color: #979797;
         margin-left: -29px;
     }
+
+    &.checked {
+        .react-switch-bg {
+            background: @tertiary !important;
+        }
+    }
+
+    &.unchecked {
+        .react-switch-bg {
+            background: #e1e1e1 !important;
+        }
+    }
 }