|
|
@ -25,16 +25,24 @@ const theme: Theme = createMuiTheme({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
overrides: { |
|
|
|
overrides: { |
|
|
|
MuiSwitch: { |
|
|
|
MuiSwitch: { |
|
|
|
|
|
|
|
switchBase: { |
|
|
|
|
|
|
|
// Controls default (unchecked) color for the thumb
|
|
|
|
|
|
|
|
color: '#fff', |
|
|
|
|
|
|
|
}, |
|
|
|
root: { |
|
|
|
root: { |
|
|
|
padding: 8, |
|
|
|
padding: 8, |
|
|
|
}, |
|
|
|
}, |
|
|
|
track: { |
|
|
|
track: { |
|
|
|
borderRadius: 0, |
|
|
|
borderRadius: 0, |
|
|
|
|
|
|
|
border: 3, |
|
|
|
backgroundColor: PURPLE_OFF, |
|
|
|
backgroundColor: PURPLE_OFF, |
|
|
|
'$checked$checked + &': { |
|
|
|
'$checked$checked + &': { |
|
|
|
// Controls checked color for the track
|
|
|
|
// Controls checked color for the track
|
|
|
|
backgroundColor: BLUE, |
|
|
|
backgroundColor: BLUE, |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
'&$checked + $track': { |
|
|
|
|
|
|
|
opacity: 1, |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
thumb: { |
|
|
|
thumb: { |
|
|
|
color: TEXT, |
|
|
|
color: TEXT, |
|
|
|