Wrong hover color in outline button (New theming)

[d-eder]

Describe the bug

We are setting the hoverColor property in the button component style:

    button: {
      colorScheme: {
        light: {
          outlined: {
            primary: {
              ...
              hoverColor: '{content.white}'
            }
          } ...

In the screenshot you can see, that the variable --p-button-outlined-primary-color is used for the color.
Since the element is hovered, the variable --p-button-outlined-primary-hover-color should be used instead.

Environment

• Local environment using ng serve
• Customized theming (with Lara Theme as default preset)

Reproducer

No response

Angular version

18.2.5

PrimeNG version

18.0.0-beta.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.17.0

Browser(s)

No response

Steps to reproduce the behavior

1. Override the button styles for the inline button
2. Set the property hoverColor to a different color
3. Hover the button in the browser -> the wrong text color is used

Expected behavior

The correct hover color should be used (as mentioned above, the css variable --p-button-outlined-primary-hover-color should be used with the css hover selector

[cagataycivici]

I don't see a hoverColor in the outlined button tokens, outlined buttons and regular buttons are different, outlined button removes background so should not use text colors from the regular colors. I don't understand the issue. So this token does not exist;

button.outlined.primary.hover.color

button: {
      colorScheme: {
        light: {
          outlined: {
            primary: {
              ...
              hoverColor: '{content.white}'
            }
          } ...

[github-actions]

Unfortunately, this issue cannot be fixed due to technical limitations. PrimeNg team has decided not to pursue a fix, as addressing it would introduce other complications. Thanks a lot for your understanding!