From 7fac054bc4ea7114ae5eb101f5ee1b341702b642 Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Mon, 22 Mar 2021 11:30:36 -0400
Subject: [PATCH] feat: add style for custom switch

---
 striker-ui/theme/index.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/striker-ui/theme/index.ts b/striker-ui/theme/index.ts
index 0e5769d1..9f24ceb1 100644
--- a/striker-ui/theme/index.ts
+++ b/striker-ui/theme/index.ts
@@ -25,16 +25,24 @@ const theme: Theme = createMuiTheme({
   },
   overrides: {
     MuiSwitch: {
+      switchBase: {
+        // Controls default (unchecked) color for the thumb
+        color: '#fff',
+      },
       root: {
         padding: 8,
       },
       track: {
         borderRadius: 0,
+        border: 3,
         backgroundColor: PURPLE_OFF,
         '$checked$checked + &': {
           // Controls checked color for the track
           backgroundColor: BLUE,
         },
+        '&$checked + $track': {
+          opacity: 1,
+        },
       },
       thumb: {
         color: TEXT,