feat(custom-media): add --forcedColors to the custom media queries list

argyleink · Dec 7, 2023 · 675ae2a · 675ae2a
1 parent 6a69d71
commit 675ae2a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/props.media.css b/src/props.media.css
@@ -11,6 +11,8 @@
 @custom-media --highContrast  (prefers-contrast: more);
 @custom-media --lowContrast   (prefers-contrast: less);
 
+@custom-media --forcedColors  (forced-colors: active);
+
 @custom-media --portrait      (orientation: portrait);
 @custom-media --landscape     (orientation: landscape);
 

diff --git a/src/props.media.js b/src/props.media.js
@@ -12,6 +12,8 @@ export const CustomMedia = {
   "--highContrast": "(prefers-contrast: more)",
   "--lowContrast": "(prefers-contrast: less)",
 
+  "--forcedColors": "(forced-colors: active)",
+
   "--portrait": "(orientation: portrait)",
   "--landscape": "(orientation: landscape)",