igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

Published 20 hours ago • verified publisher icon IgniteUI

Switch Theming Issues

Open andiesm813 opened this issue 2 years ago • 0 comments

Description

This is an AppBuilder app showing Switches, using a custom dark theme based on material dark, with custom surface background color (blue).

All states are inconsistent with Material UI switches.

Expected result

  1. Switch ON - Default / Hover: the track should be 38% primary color.
  2. Switch ON - disabled state: should look exactly like the default state but with 38% opacity applied to the entire component.
  3. Switch OFF - Default / Hover: the track should be 38% white.
  4. Switch OFF - disabled state: should look exactly like the default state but with 38% opacity applied to the entire component.

Attachments

image

andiesm813 avatar Jul 15 '22 20:07 andiesm813