telerik / themebuilder

This public repository aims at providing a convenient way for developers using ThemeBuilder to report and log any issues they may encounter while using the tool. If you think that you've found a bug, you're more than welcome to create a new issue
2 stars 1 forks source link

ThemeBuilder swatch does not contain all default Kendo Theme styles #103

Open NickIliev opened 3 months ago

NickIliev commented 3 months ago

Describe the bug

When changing the color swatch to A11y (of the Default theme, but reproducible with other themes), not all related code changes are propagated in ThemeBuilder. As a result, not all specific A11y styles are available in a ThemeBuilder project that uses A11y swatch.

To Reproduce Steps to reproduce the behavior:

  1. Create a Kendo Default project.
  2. Change the color swatch to Default Ocean Blue A11y
  3. Export the theme and observe the differences in the TB-generated CS compared to the original CSS for Default Ocean Blue A11y

For example, observe the generated code for .k-button-solid-base.k-focus

.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent)
}

Expected

TO generate the CSS as per the Kendo Default swatch

.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
    box-shadow: inset 0 0 0 2px currentColor;
}

Screenshots If applicable, add screenshots to help explain your problem.

Components technology and version TB Q2 2024, TB Q3 2024 with Kendo Default 8.x.x

Additional context Reported through t. 1660336

NickIliev commented 1 month ago

+1 from t.1665110