[email protected] incorrect background colors

[julichan]

Describe the bug

Hello,

Colors breaks from [email protected] where they worked well on beta4
Fieldset and Card are perfect white in light mode and transparent in darkmode. --p-content-background is defined to those colors.

Reproducer

https://stackblitz.com/edit/primevue-create-vue-issue-template

PrimeVue version

4.0.0-rc.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Edge, chrome

Steps to reproduce the behavior

I use the following configuration from documentation:
// Initialize Prime vue
app.use(PrimeVue, {
theme: {
preset: Aura,
options: {
prefix: 'p',
darkModeSelector: 'system', // setting this to a class sets the background to pure white (p-surface-0 ffffff)
cssLayer: true // Changing this value did not seem to change a single thing.
}
},
ripple: true
});

I don't have any customization of the style variables or whatsoever

Expected behavior

The background colors or the components should have dark colors in dark mode and light colors (I'm guessing not perfect white) in light mode.

[luke-z]

Seems to be the reason for #5890

[julichan]

I did not use any popup thought. I only have fieldsets and buttons at the moment

[JediPixels]

The entire Dark theme backgrounds are transparent now. I upgraded from beta 4 to rc1 and it changed. If you check out any component on the PrimeVue site like the DatePicker https://primevue.org/datepicker/ you can see the effects.

Thanks.

[julichan]

It seems the commit at fault is a054a92
All it does is transforming the dark theme background to transparent. can this be reverted ?

I managed to temporarily revert the problem by copying a part of the definePreset in the documentation which was not updated alongside the commit.

Thanks,

[mertsincan]

Fixed in de2560a