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,