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

RadioButton & RadioButton Group Theming Issues

Open andiesm813 opened this issue 2 years ago • 3 comments

Description

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

Expected result

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

Attachments

image

andiesm813 avatar Jul 15 '22 21:07 andiesm813

Here's the official radio spec.

simeonoff avatar Jul 18 '22 08:07 simeonoff

@simeonoff Yes, those are the specs of the light theme. When the theme is dark based, there are some changes. You can see them in this issue, which shows the checkbox styling issues, which also apply to radiobuttons, since both components are styled similarly. image

andiesm813 avatar Jul 21 '22 21: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.

ghost avatar Nov 24 '22 19:11 ghost

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]