kendo-themes icon indicating copy to clipboard operation
kendo-themes copied to clipboard

Card theme colors are all "white" on dark themes

Open ArcanoxDragon opened this issue 1 year ago • 0 comments

Describe the bug When using a dark-palette theme, cards using the "theme" colors (e.g. k-card-error) have a white background instead of the appropriate theme color background.

To reproduce Steps to reproduce the behavior:

  1. Go to this Dojo
  2. Click Run
  3. Observe that the first card has an "error" background (light red)
  4. Change the <link> tag referencing the Kendo theme so that it uses the default-main-dark theme instead of default-main
  5. Click Run again
  6. Observe that the first card has a "white" background

Expected behavior The card should still appear tinted the appropriate color for the k-card-{color} class applied to it regardless of dark or light theme.

Screenshots Using default-main: image Using default-main-dark: image

Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery
  • Kendo UI for Angular
  • Kendo UI for React
  • Kendo UI for Vue
  • Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

  • Not Applicable

Build system information (please remove the unneeded items)

  • Not Applicable

Additional context This bug appears to be a result of commit d6ad992e; the larger color step values for dark themes cause the k-color-tint function to hit full saturation on dark themes.

ArcanoxDragon avatar May 04 '23 15:05 ArcanoxDragon