Dark mode not working properly with the new skin on starter sites

[gutoslv]

Description:

On some starter sites (tests with Web Archive and Shop)

How to reproduce:

1. Install Neve 3.0
2. Import any site from starter sites
3. Toggle dark mode (manually or with the palette switcher component)

Expected behavior:

The text is readable and in contrast with the background. You can check it here

Current behavior:

The color of the text gets mixed with the background. You can check it here

Reference:

https://vertis.d.pr/FYbJrC - Old Skin working as expected
https://vertis.d.pr/D9J2tP - New Skin with the bug

Website to reproduce: https://disgusted-whitefish.jurassic.ninja/wp-admin
user: demo
pwd: Unf08vnAfMpm

Technical info

• WordPress version: 5.7.2
• Theme version: 3.0.0

[gutoslv]

My 2 cents is that it's related to CSS variables since the colors still the same on the Customizer > Colors & Background > Dark Modemenu.

What do you think that it might be @abaicus?

[mghenciu]

Also related to Dark Mode:

• When an user imports Elementor demos with Neve 3, and adds the Palette Switcher to the Nav, the Switcher doesn't works as expected (see the error in console)
  

Video: https://www.loom.com/share/452c4b3fd2224b169ab1285b28e4d291

The Repro Rate is low, meaning that it doesn't happen on all Elementor demos. So far I found it happening on Fitness & Freelancer demos. Not sure what this demos have special.

Repro:

1. Install Neve 3
2. Import the Elementor Fitness demo
3. Add the Palette Switcher to the Nav
4. Use the Palette Switcher on the live site

[gutoslv]

@abaicus the behavior that @mghenciu reported still happening. On other starter sites, it works fine now.

[abaicus]

@gutoslv Thanks for reporting it! This should be in working order inside this PR. 👍🏻

[gutoslv]

Tested and it's fixed now. Thanks for taking care of that!

[pirate-bot]

🎉 This issue has been resolved in version 3.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀