Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
import { AppConstants } from "resource://gre/modules/AppConstants.sys.mjs";
const lazy = {};
ChromeUtils.defineESModuleGetters(lazy, {
getThemesList: "moz-src:///browser/themes/ThemesList.sys.mjs",
});
const PREF_SYSTEM_USES_DARK = "ui.systemUsesDarkTheme";
const PREF_NATIVE_THEME = "browser.theme.native-theme";
const PREF_ACTIVE_THEME_ID = "extensions.activeThemeID";
/**
* JSWindowActor parent for theme-picker component. Handles theme state queries
* and updates via AddonManager and prefs.
*/
export class ThemePickerParent extends JSWindowActorParent {
async receiveMessage(message) {
switch (message.name) {
case "ThemePicker:GetInitialState":
return this.getInitialState(message.data);
case "ThemePicker:UpdateTheme":
return this.updateTheme(message.data);
case "ThemePicker:UpdateAppearance":
return this.updateAppearance(message.data);
case "ThemePicker:UpdateNativeTheme":
return this.updateNativeTheme(message.data);
}
return null;
}
async getInitialState({ installSource, showInCompactLayout }) {
if (!this.themesManager) {
this.themesManager = await lazy.getThemesList({ installSource });
}
const themes = this.themesManager.getThemesInfo({ showInCompactLayout });
const activeThemeId = Services.prefs.getStringPref(
PREF_ACTIVE_THEME_ID,
"default-theme@mozilla.org"
);
const nativeTheme = Services.prefs.getBoolPref(PREF_NATIVE_THEME, false);
const appearance = this.getAppearanceFromPref();
const showNativeThemeOption = AppConstants.platform === "linux";
return {
themes,
activeThemeId,
nativeTheme,
appearance,
showNativeThemeOption,
};
}
async updateTheme({ themeId }) {
await this.themesManager.updateThemeState(themeId, true);
const activeThemeId = Services.prefs.getStringPref(
PREF_ACTIVE_THEME_ID,
"default-theme@mozilla.org"
);
return { activeThemeId };
}
async updateAppearance({ appearance }) {
if (appearance === "device") {
Services.prefs.clearUserPref(PREF_SYSTEM_USES_DARK);
} else {
Services.prefs.setIntPref(
PREF_SYSTEM_USES_DARK,
appearance === "light" ? 0 : 1
);
}
return { appearance: this.getAppearanceFromPref() };
}
async updateNativeTheme({ nativeTheme }) {
Services.prefs.setBoolPref(PREF_NATIVE_THEME, nativeTheme);
return {
nativeTheme: Services.prefs.getBoolPref(PREF_NATIVE_THEME, false),
};
}
getAppearanceFromPref() {
if (!Services.prefs.prefHasUserValue(PREF_SYSTEM_USES_DARK)) {
return "device";
}
const systemUsesDark = Services.prefs.getIntPref(PREF_SYSTEM_USES_DARK, -1);
if (systemUsesDark === 0) {
return "light";
} else if (systemUsesDark === 1) {
return "dark";
}
return "device";
}
}