fix: Simplify Color Management with the light-dark() Function

[mdqst]

Description

Hi, team!

I've implemented a solution that automatically adjusts element colors based on the user's theme preference.y using the light-dark() function, we can define colors for both light and dark modes without the need for separate media queries.
Usage Example:

:root {
  color-scheme: light dark;
}

html {
  color: light-dark(#000000, #ffffff);
  background-color: light-dark(#ffffff, #000000);
}

In this example, the text color is black in light mode and white in dark mode, while the background color is white in light mode and black in dark mode.his approach streamlines color management across different themes.

Thank you for your attention!

Regards, Dmitry.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 52eb762

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
porto-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 5, 2025 7:09pm
porto-wagmi	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 5, 2025 7:09pm

[vercel]

@mdqst is attempting to deploy a commit to the Ithaca Team on Vercel.

A member of the Team first needs to authorize it.