Web Reference: Nov 7, 2025 · The light-dark() CSS color function returns the first value if the user's preference is set to light or if no preference is set and the second value if the user's preference is set to dark. The CSS light-dark() function enables two color-value settings, and will return the first value if the user has set a light color theme, and the second value if the user has set a dark color theme. To use the light-dark() function, the CSS color-scheme property must have a value of light dark. Jan 9, 2025 · The above code creates a --light-dark() custom function using the @function syntax and it uses the if() inline function to dynamically switch values of any kind when the light or dark mode is set.
YouTube Excerpt: CSS dark
Information Profile Overview
Css Light Dark Function - Latest Information & Updates 2026 Information & Biography

Details: $44M - $62M
Salary & Income Sources

Career Highlights & Achievements

Assets, Properties & Investments
This section covers known assets, real estate holdings, luxury vehicles, and investment portfolios. Data is compiled from public records, financial disclosures, and verified media reports.
Last Updated: April 5, 2026
Information Outlook & Future Earnings

Disclaimer: Disclaimer: Information provided here is based on publicly available data, media reports, and online sources. Actual details may vary.






![Learn CSS Variables and Calculations + [Dark Mode Basics] Profile](https://i.ytimg.com/vi/vZTaFj8Go1E/mqdefault.jpg)

