igniteui-angular
igniteui-angular copied to clipboard
Checkbox Theming Issues
Description
This is an AppBuilder app showing Checkboxes, using a custom dark theme based on material dark, with custom surface background color (blue).
Expected result
- Checkbox CHECKED - Disabled: should look exactly like the default state (which uses the primary color) but with 38% opacity applied to the entire component.
- Checkbox UNCHECKED - Default / Hover: the outline should be 60% white.
- Checkbox UNCHECKED - Disabled: should look exactly like the default state but with 38% opacity applied to the entire component.
Attachments
Looking at this and all other issues referencing a specification of what the components should look like in different states (hover, disabled, etc.), I am perplexed as to where those specs are derived from. According to the official Material spec, for instance, the checkbox should look different to what you request in this issue.
Source: https://material.io/components/checkboxes#theming
Hey @simeonoff ! :) I actually got that from the XD Ui kit dark theme ... this is the file i downloaded from this link, You can see it in the "selection controls" page:
There has been no recent activity and this issue has been marked inactive.
@sdimchevski hey! @zdrawku told me to assign all of these issues i created related to the material dark theme to you. But i see you are already assigned to some. These are visual inconsistencies between the ignite ui material dark theme and Material Design dark theme.
There has been no recent activity and this issue has been marked inactive.