diff --git a/layout/inspector/tests/test_bug877690.html b/layout/inspector/tests/test_bug877690.html
index b7f6529c1501..42902c5087fc 100644
--- a/layout/inspector/tests/test_bug877690.html
+++ b/layout/inspector/tests/test_bug877690.html
@@ -89,6 +89,10 @@ function do_test() {
     expected.push("cross-fade");
   }
 
+  if(SpecialPowers.getBoolPref("layout.css.light-dark.images.enabled")) {
+    expected.push("light-dark");
+  }
+
   ok(testValues(values, expected), "property background values.");
 
   var prop = "border";
diff --git a/servo/components/style/values/generics/image.rs b/servo/components/style/values/generics/image.rs
index 1fc3e96c2a55..a6442091b688 100644
--- a/servo/components/style/values/generics/image.rs
+++ b/servo/components/style/values/generics/image.rs
@@ -52,7 +52,9 @@ pub enum GenericImage<G, ImageUrl, Color, Percentage, Resolution> {
     ImageSet(Box<GenericImageSet<Self, Resolution>>),
 
     /// A `light-dark()` function.
-    LightDark(Box<GenericLightDark<Self>>),
+    /// NOTE(emilio): #[css(skip)] only affects SpecifiedValueInfo. Remove or make conditional
+    /// if/when shipping light-dark() for content.
+    LightDark(#[css(skip)] Box<GenericLightDark<Self>>),
 }
 
 pub use self::GenericImage as Image;