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

Checkbox Theming Issues

Open andiesm813 opened this issue 2 years ago • 3 comments

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

  1. Checkbox CHECKED - Disabled: should look exactly like the default state (which uses the primary color) but with 38% opacity applied to the entire component.
  2. Checkbox UNCHECKED - Default / Hover: the outline should be 60% white.
  3. Checkbox UNCHECKED - Disabled: should look exactly like the default state but with 38% opacity applied to the entire component.

Attachments

image

andiesm813 avatar Jul 15 '22 21:07 andiesm813

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

simeonoff avatar Jul 18 '22 08:07 simeonoff

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: image

andiesm813 avatar Jul 21 '22 20:07 andiesm813

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Sep 20 '22 00:09 github-actions[bot]

@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.

andiesm813 avatar Nov 24 '22 20:11 andiesm813

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Jan 24 '23 00:01 github-actions[bot]