kendo-themes
kendo-themes copied to clipboard
Card theme colors are all "white" on dark themes
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:
- Go to this Dojo
- Click Run
- Observe that the first card has an "error" background (light red)
- Change the
<link>
tag referencing the Kendo theme so that it uses thedefault-main-dark
theme instead ofdefault-main
- Click Run again
- 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
:
Using
default-main-dark
:
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.