chore: new til

Author: tearingItUp786

content/til/2025-11-19-light-dark/2025-11-19-light-dark.mdx

@@ -0,0 +1,21 @@
+---
+title: light-dark
+date: 2025-11-19
+tag: css
+---
+
+TIL about the `light-dark` function in CSS! It allows us to set two color values for a property, returning one based on if the developer has set
+a light or dark color scheme or the user has requested a light or dark color scheme. 🤩
+
+```css
+:root {
+	color-scheme: light dark;
+}
+
+body {
+	color: light-dark(#333b3c, #efefec);
+	background-color: light-dark(#efedea, #223a2c);
+}
+```
+
+[Check it out](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/light-dark)