diff --git a/docsite/index.html b/docsite/index.html
index 389fe9f2..eb54666a 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -3366,6 +3366,7 @@ <h5>Preference Vars</h5>
               @custom-media --motionOK      (prefers-reduced-motion: no-preference);
               @custom-media --motionNotOK   (prefers-reduced-motion: reduce);
               
+              @custom-media --invertedColors  (inverted-colors: inverted);
               @custom-media --forcedColors  (forced-colors: active);
             </code></pre>
           </div>
diff --git a/src/props.media.css b/src/props.media.css
index 47b95cd9..0321e35c 100644
--- a/src/props.media.css
+++ b/src/props.media.css
@@ -11,6 +11,7 @@
 @custom-media --highContrast  (prefers-contrast: more);
 @custom-media --lowContrast   (prefers-contrast: less);
 
+@custom-media --invertedColors  (inverted-colors: inverted);
 @custom-media --forcedColors  (forced-colors: active);
 
 @custom-media --portrait      (orientation: portrait);
diff --git a/src/props.media.js b/src/props.media.js
index efd808a5..f4c53d8a 100644
--- a/src/props.media.js
+++ b/src/props.media.js
@@ -12,6 +12,7 @@ export const CustomMedia = {
   "--highContrast": "(prefers-contrast: more)",
   "--lowContrast": "(prefers-contrast: less)",
 
+  "--invertedColors": "(inverted-colors: inverted)",
   "--forcedColors": "(forced-colors: active)",
 
   "--portrait": "(orientation: portrait)",