From 3c22ffacaaad61095d28b6db8ab76b2d7f3dd8f1 Mon Sep 17 00:00:00 2001 From: Cimbali Date: Tue, 15 Apr 2025 13:28:49 +0100 Subject: [PATCH 1/2] Update overrideContentColorScheme This setting only takes 3 values since Sept 2022 (see https://hg-edge.mozilla.org/integration/autoland/rev/edaed3aeb0f9 ) but those changes never got documented. Also not entirely clear as to whether the setting now applies browser or system theme - but I believe it is browser? --- .../api/browsersettings/overridecontentcolorscheme/index.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md index a92078402da99d2..aa7e7f1ed9f78f8 100644 --- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md @@ -9,14 +9,13 @@ browser-compat: webextensions.api.browserSettings.overrideContentColorScheme A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a string. -Firefox enables users to choose a theme for the browser UI. These themes apply either a light or dark theme to webpages. Using the `layout.css.prefers-color-scheme.content-override` preference, users can override the theme and choose to render webpages in a light or dark theme or follow the device's theme. This browser setting exposes that preference. +Firefox enables users to choose a theme for the browser UI. These themes apply either a light or dark theme to webpages. Using the `layout.css.prefers-color-scheme.content-override` preference, users can override the theme and choose to render webpages in a light or dark theme or follow the chosen theme. This browser setting exposes that preference. This object takes these values: - "light": Applies a light theme to webpages. - "dark": Applies a dark theme to webpages. -- "system": Applies a light or dark theme to webpages based on the device's theme. -- "browser": Applies a light or dark theme to webpages based on the browser's theme. +- "auto": Automatically applies a light or dark theme to webpages based on the browser's theme. ## Browser compatibility From f8419b6e1a71c50f94876747c495308c3800ac89 Mon Sep 17 00:00:00 2001 From: Cimbali Date: Mon, 21 Apr 2025 11:55:39 +0100 Subject: [PATCH 2/2] Update files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md Simplify sentence Co-authored-by: rebloor --- .../api/browsersettings/overridecontentcolorscheme/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md index aa7e7f1ed9f78f8..e2734d970f6ab84 100644 --- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md @@ -9,7 +9,7 @@ browser-compat: webextensions.api.browserSettings.overrideContentColorScheme A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a string. -Firefox enables users to choose a theme for the browser UI. These themes apply either a light or dark theme to webpages. Using the `layout.css.prefers-color-scheme.content-override` preference, users can override the theme and choose to render webpages in a light or dark theme or follow the chosen theme. This browser setting exposes that preference. +Firefox enables users to choose a theme for the browser UI. These themes apply either a light or dark theme to webpages. Using the `layout.css.prefers-color-scheme.content-override` preference, users can override the theme and choose to render webpages in a light or dark theme. This browser setting exposes that preference. This object takes these values: