add light-dark function (#380)

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to cssdb
 
+### 7.11.0 (February 17, 2024)
+
+- Added: Stage 2 `light-dark-function`
+
 ### 7.10.0 (December 27, 2023)
 
 - Added `interoperable_at` to make it possible to calculate the Baseline status of a feature

cssdb.json

@@ -1234,6 +1234,29 @@
     ],
     "vendors_implementations": 3
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {
+      "and_ff": "120",
+      "chrome": "123",
+      "firefox": "120"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ],
+    "vendors_implementations": 1
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",

cssdb.mjs

@@ -1234,6 +1234,29 @@ export default [
     ],
     "vendors_implementations": 3
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {
+      "and_ff": "120",
+      "chrome": "123",
+      "firefox": "120"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ],
+    "vendors_implementations": 1
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",

cssdb.settings.json

@@ -869,6 +869,25 @@
       }
     ]
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "mdn_path": "css.types.color.light-dark",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ]
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",