Problem
The switch control is hard to discern when toggled off in Dark and Black theme
Proposed solution
Standardize all switches across the app have the following styles:
Component + State | Light theme | Dark or Black theme |
---|---|---|
Thumb On | Accent50 #3366cc, Opacity 100% | Accent75 #6699FF, Opacity 100% |
Track On | Accent50 #3366cc, Opacity 50% | Accent75 #6699FF, Opacity 50% |
Thumb Off | Base90 #F8F9FA, Opacity 100% | Base70 #C8CCD1, Opacity 100% |
Track Off | Base0 #000000, Opacity 38% | Base100 #FFFFFF, Opacity 50% |
Thumb Disabled | Base70 #C8CCD1, Opacity 100% | Base20 #54595D, Opacity 100% |
Track Disabled | Base0 #000000, Opacity 12% | Base100 #FFFFFF, Opacity 20% |
Original task description
It's hard to distinguish the disabled indicator of toggle switch from the surrounding black background colour. This doesn't seem to be an issue with the light theme, obviously!
Screen shots
Toggle icons in Light theme | Toggle icons in Dark theme | Toggle icons in Black theme |
Environment details
App version: alpha (Dec 2017)
Android version: 5.1.1
Device vendor: Samsung
Device model: Galaxy J2
Brightness level: lowest