Day 107: the light-dark() color function
The `light-dark()` color function allows you to define two values for a color property. The property uses the first value when the color scheme is light or unknown and the second when it's dark.
#100DaysOfMoreOrLessModernCSS
https://matuzo.at/blog/2024/100daysof-day107
Manuel Matuzović /
npub1u8…d06cd
2024-07-19 06:00:33
Author Public Key
npub1u8999w8pzdt23c237jmerlxsgd7g39qt4jt5d85jtrch56vqp3tsud06cdPublished at
2024-07-19 06:00:33Event JSON
{
"id": "cc858c5f5e4a5be21d59c5e91e7a95ea023b027e035039879c20e5bca5b1ae27",
"pubkey": "e1ca52b8e11356a8e151f4b791fcd0437c88940bac97469e9258f17a69800c57",
"created_at": 1721368833,
"kind": 1,
"tags": [
[
"t",
"100daysofmoreorlessmoderncss"
],
[
"proxy",
"https://front-end.social/users/matuzo/statuses/112811627896608727",
"activitypub"
]
],
"content": "Day 107: the light-dark() color function\n\nThe `light-dark()` color function allows you to define two values for a color property. The property uses the first value when the color scheme is light or unknown and the second when it's dark.\n\n#100DaysOfMoreOrLessModernCSS \n\nhttps://matuzo.at/blog/2024/100daysof-day107",
"sig": "13819602fe7493664280f6f0678be798d40ff163301fc4d2e73ef12fe171367cc278486f1622f9a8509aa9c004d239cb8a06e28ecd89cbd4c9d2157b77dee92b"
}