feat(GlToggle): pairing with James feedback

src/components/base/toggle/toggle.scss

@@ -117,7 +117,6 @@ $toggle-height: 2.5 * $grid-size;
     @apply gl-transition-all;
     @apply gl-justify-center;
     @apply gl-p-1;
-    pointer-events: none;
     background-color: var(--gl-action-strong-neutral-foreground-color-default);
 
     &:hover {
@@ -159,6 +158,7 @@ $toggle-height: 2.5 * $grid-size;
     }
 
     .toggle-icon {
+      background-color: var(--gl-action-strong-confirm-foreground-color-default);
       transform: translateX($toggle-translate-width);
     }
   }
@@ -169,23 +169,9 @@ $toggle-height: 2.5 * $grid-size;
     color: var(--gl-action-disabled-background-color);
     background-color: var(--gl-action-disabled-background-color);
 
-    &:active,
-    &:focus,
-    &:focus:active {
-      color: var(--gl-action-disabled-background-color);
-      background-color: var(--gl-action-disabled-background-color);
-    }
-
     .toggle-icon {
       color: var(--gl-action-disabled-background-color);
       background-color: var(--gl-action-disabled-foreground-color);
-
-      &:active,
-      &:focus,
-      &:focus:active {
-        color: var(--gl-action-disabled-background-color);
-        background-color: var(--gl-action-disabled-background-color);
-      }
     }
   }
 }