diff --git a/devtools/client/inspector/rules/constants.js b/devtools/client/inspector/rules/constants.js
index b66a4eb67b63..53ba3abc622e 100644
--- a/devtools/client/inspector/rules/constants.js
+++ b/devtools/client/inspector/rules/constants.js
@@ -10,4 +10,4 @@
 exports.ELEMENT_STYLE = 100;
 
 // An array of the possible color schemes that can be emulated.
-exports.COLOR_SCHEMES = [null, "dark", "light", "no-preference"];
+exports.COLOR_SCHEMES = [null, "dark", "light"];
diff --git a/devtools/client/themes/rules.css b/devtools/client/themes/rules.css
index fe41f68e422d..5e398fffa26f 100644
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -775,10 +775,6 @@
   fill: #bbb;
 }
 
-#color-scheme-simulation-toggle[state="no-preference"]::before {
-  fill-opacity: 0.5;
-}
-
 .flash-out {
   transition: background 1s;
 }
diff --git a/devtools/server/actors/emulation/content-viewer.js b/devtools/server/actors/emulation/content-viewer.js
index 0cbb6a5225a4..3bbc6eeeaddf 100644
--- a/devtools/server/actors/emulation/content-viewer.js
+++ b/devtools/server/actors/emulation/content-viewer.js
@@ -83,10 +83,6 @@ const ContentViewerActor = protocol.ActorClassWithSpec(contentViewerSpec, {
       case "dark":
         internalColorScheme = Ci.nsIContentViewer.PREFERS_COLOR_SCHEME_DARK;
         break;
-      case "no-preference":
-        internalColorScheme =
-          Ci.nsIContentViewer.PREFERS_COLOR_SCHEME_NO_PREFERENCE;
-        break;
       default:
         internalColorScheme = Ci.nsIContentViewer.PREFERS_COLOR_SCHEME_NONE;
     }
diff --git a/docshell/base/nsIContentViewer.idl b/docshell/base/nsIContentViewer.idl
index 33f231d052c1..a02072c0a4b7 100644
--- a/docshell/base/nsIContentViewer.idl
+++ b/docshell/base/nsIContentViewer.idl
@@ -328,7 +328,6 @@ interface nsIContentViewer : nsISupports
   cenum PrefersColorScheme : 8 {
     PREFERS_COLOR_SCHEME_LIGHT,
     PREFERS_COLOR_SCHEME_DARK,
-    PREFERS_COLOR_SCHEME_NO_PREFERENCE,
     PREFERS_COLOR_SCHEME_NONE, /* This clears the override. */
   };
 
diff --git a/dom/base/Document.cpp b/dom/base/Document.cpp
index 351c44be37df..b5cb05bdc2f1 100644
--- a/dom/base/Document.cpp
+++ b/dom/base/Document.cpp
@@ -16379,20 +16379,9 @@ StylePrefersColorScheme Document::PrefersColorScheme(
     }
   }
 
-  // If LookAndFeel::eIntID_SystemUsesDarkTheme fails then return 2
-  // (no-preference)
-  switch (LookAndFeel::GetInt(LookAndFeel::eIntID_SystemUsesDarkTheme, 2)) {
-    case 0:
-      return StylePrefersColorScheme::Light;
-    case 1:
-      return StylePrefersColorScheme::Dark;
-    case 2:
-      return StylePrefersColorScheme::NoPreference;
-    default:
-      // This only occurs if the user has set the ui.systemUsesDarkTheme pref to
-      // an invalid value.
-      return StylePrefersColorScheme::Light;
-  }
+  const bool dark =
+      !!LookAndFeel::GetInt(LookAndFeel::eIntID_SystemUsesDarkTheme, 0);
+  return dark ? StylePrefersColorScheme::Dark : StylePrefersColorScheme::Light;
 }
 
 // static
diff --git a/layout/base/nsDocumentViewer.cpp b/layout/base/nsDocumentViewer.cpp
index c07a8039b191..bd309ac00505 100644
--- a/layout/base/nsDocumentViewer.cpp
+++ b/layout/base/nsDocumentViewer.cpp
@@ -2739,8 +2739,6 @@ nsDocumentViewer::EmulatePrefersColorScheme(PrefersColorScheme aScheme) {
         return Some(StylePrefersColorScheme::Light);
       case PREFERS_COLOR_SCHEME_DARK:
         return Some(StylePrefersColorScheme::Dark);
-      case PREFERS_COLOR_SCHEME_NO_PREFERENCE:
-        return Some(StylePrefersColorScheme::NoPreference);
       case PREFERS_COLOR_SCHEME_NONE:
         return Nothing();
       default:
diff --git a/layout/base/tests/test_emulate_color_scheme.html b/layout/base/tests/test_emulate_color_scheme.html
index d2f05e796678..94713e8644f1 100644
--- a/layout/base/tests/test_emulate_color_scheme.html
+++ b/layout/base/tests/test_emulate_color_scheme.html
@@ -10,9 +10,6 @@
 @media (prefers-color-scheme: dark) {
   #test { color: rgb(0, 2, 0); }
 }
-@media (prefers-color-scheme: no-preference) {
-  #test { color: rgb(0, 3, 0); }
-}
 </style>
 <div id="test"></div>
 <script>
@@ -36,9 +33,6 @@ function colorId() {
   cv.emulatePrefersColorScheme(cv.PREFERS_COLOR_SCHEME_DARK);
   is(colorId(), 2, "Dark emulation works");
 
-  cv.emulatePrefersColorScheme(cv.PREFERS_COLOR_SCHEME_NO_PREFERENCE);
-  is(colorId(), 3, "No preference emulation works");
-
   cv.emulatePrefersColorScheme(cv.PREFERS_COLOR_SCHEME_NONE);
   is(colorId(), originalColor, "Clearing the override works");
 }
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
index e062f4cd9570..c7b961b3987b 100644
--- a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_dark.html
@@ -14,9 +14,6 @@ div {
 @media (prefers-color-scheme: light) {
   div { background-color: red; }
 }
-@media (prefers-color-scheme: no-preference) {
-  div { background-color: red; }
-}
 </style>
 <div></div>
 </html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
index 096483d01d65..61dc8dece0f9 100644
--- a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_light.html
@@ -14,9 +14,6 @@ div {
 @media (prefers-color-scheme: dark) {
   div { background-color: red; }
 }
-@media (prefers-color-scheme: no-preference) {
-  div { background-color: red; }
-}
 </style>
 <div></div>
 </html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_no_preference.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_no_preference.html
deleted file mode 100644
index 372d762d0052..000000000000
--- a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_no_preference.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<html>
-<title>prefers-color-scheme: no-preference</title>
-<style>
-div {
-  width: 100px;
-  height: 100px;
-}
-
-@media (prefers-color-scheme: no-preference) {
-  div { background-color: green; }
-}
-@media (prefers-color-scheme: light) {
-  div { background-color: red; }
-}
-@media (prefers-color-scheme: dark) {
-  div { background-color: red; }
-}
-</style>
-<div></div>
-</html>
diff --git a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
index c6cee55b744e..d6a1137b63ee 100644
--- a/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
+++ b/layout/reftests/css-mediaqueries/mq_prefers_color_scheme_print.html
@@ -14,9 +14,6 @@ div {
 @media (prefers-color-scheme: dark) {
   div { background-color: red; }
 }
-@media (prefers-color-scheme: no-preference) {
-  div { background-color: red; }
-}
 </style>
 <div></div>
 </html>
diff --git a/layout/reftests/css-mediaqueries/reftest.list b/layout/reftests/css-mediaqueries/reftest.list
index cba3a70a9206..0a02d534a722 100644
--- a/layout/reftests/css-mediaqueries/reftest.list
+++ b/layout/reftests/css-mediaqueries/reftest.list
@@ -32,4 +32,3 @@ test-pref(privacy.resistFingerprinting,true) == mq_prefers_color_scheme_light.ht
 == mq_prefers_color_scheme_print.html greenbox-print.html
 test-pref(ui.systemUsesDarkTheme,0) == mq_prefers_color_scheme_light.html greenbox.html
 test-pref(ui.systemUsesDarkTheme,1) == mq_prefers_color_scheme_dark.html greenbox.html
-test-pref(ui.systemUsesDarkTheme,2) == mq_prefers_color_scheme_no_preference.html greenbox.html
diff --git a/modules/libpref/init/StaticPrefList.yaml b/modules/libpref/init/StaticPrefList.yaml
index 77fb3bf9fecd..3434be95f241 100644
--- a/modules/libpref/init/StaticPrefList.yaml
+++ b/modules/libpref/init/StaticPrefList.yaml
@@ -5515,6 +5515,15 @@
   mirror: always
   rust: true
 
+# Whether the `no-preference` value for `prefers-color-scheme` is parsed.
+#
+# It never matches regardless.
+- name: layout.css.prefers-color-scheme-no-preference.enabled
+  type: RelaxedAtomicBool
+  value: false
+  mirror: always
+  rust: true
+
 # Whether the `:focus-visible` pseudo-class is enabled.
 #
 # TODO: There are various ambiguities in the spec about this, so we shouldn't
diff --git a/remote/test/puppeteer/docs/api.md b/remote/test/puppeteer/docs/api.md
index af152c3a4e6a..ae60f73d8a3b 100644
--- a/remote/test/puppeteer/docs/api.md
+++ b/remote/test/puppeteer/docs/api.md
@@ -1341,8 +1341,6 @@ await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches);
 // → true
 await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches);
 // → false
-await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches);
-// → false
 
 await page.emulateMediaFeatures([{ name: 'prefers-reduced-motion', value: 'reduce' }]);
 await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches);
@@ -1358,8 +1356,6 @@ await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches);
 // → true
 await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches);
 // → false
-await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches);
-// → false
 await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches);
 // → true
 await page.evaluate(() => matchMedia('(prefers-reduced-motion: no-preference)').matches);
diff --git a/remote/test/puppeteer/test/emulation.spec.js b/remote/test/puppeteer/test/emulation.spec.js
index ad2b76f4708a..01461d8257a8 100644
--- a/remote/test/puppeteer/test/emulation.spec.js
+++ b/remote/test/puppeteer/test/emulation.spec.js
@@ -246,11 +246,6 @@ describe('Emulation', () => {
           () => matchMedia('(prefers-color-scheme: dark)').matches
         )
       ).toBe(false);
-      expect(
-        await page.evaluate(
-          () => matchMedia('(prefers-color-scheme: no-preference)').matches
-        )
-      ).toBe(false);
       await page.emulateMediaFeatures([
         { name: 'prefers-color-scheme', value: 'dark' },
       ]);
@@ -264,11 +259,6 @@ describe('Emulation', () => {
           () => matchMedia('(prefers-color-scheme: light)').matches
         )
       ).toBe(false);
-      expect(
-        await page.evaluate(
-          () => matchMedia('(prefers-color-scheme: no-preference)').matches
-        )
-      ).toBe(false);
       await page.emulateMediaFeatures([
         { name: 'prefers-reduced-motion', value: 'reduce' },
         { name: 'prefers-color-scheme', value: 'light' },
@@ -293,11 +283,6 @@ describe('Emulation', () => {
           () => matchMedia('(prefers-color-scheme: dark)').matches
         )
       ).toBe(false);
-      expect(
-        await page.evaluate(
-          () => matchMedia('(prefers-color-scheme: no-preference)').matches
-        )
-      ).toBe(false);
     });
     it('should throw in case of bad argument', async () => {
       const { page } = getTestState();
diff --git a/servo/components/style/gecko/media_features.rs b/servo/components/style/gecko/media_features.rs
index 4d60dc2ff261..a02ddcfd688c 100644
--- a/servo/components/style/gecko/media_features.rs
+++ b/servo/components/style/gecko/media_features.rs
@@ -278,6 +278,10 @@ enum PrefersReducedMotion {
     Reduce,
 }
 
+fn color_scheme_no_preference_enabled(_: &crate::parser::ParserContext) -> bool {
+    static_prefs::pref!("layout.css.prefers-color-scheme-no-preference.enabled")
+}
+
 /// Values for the prefers-color-scheme media feature.
 #[derive(Clone, Copy, Debug, FromPrimitive, Parse, PartialEq, ToCss)]
 #[repr(u8)]
@@ -285,6 +289,7 @@ enum PrefersReducedMotion {
 pub enum PrefersColorScheme {
     Light,
     Dark,
+    #[parse(condition = "color_scheme_no_preference_enabled")]
     NoPreference,
 }