a3a886f185
The aggregate menu with its submenus isn't well-suited for simple on-off actions, so we didn't expose the global color-scheme support that was introduced last cycle. Quick settings on the other hand are a natural fit for actions like this, so add a corresponding toggle. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2392>
50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
/* exported Indicator */
|
|
const {Gio, GObject} = imports.gi;
|
|
|
|
const Main = imports.ui.main;
|
|
const {QuickToggle, SystemIndicator} = imports.ui.quickSettings;
|
|
|
|
const DarkModeToggle = GObject.registerClass(
|
|
class DarkModeToggle extends QuickToggle {
|
|
_init() {
|
|
super._init({
|
|
label: _('Dark Mode'),
|
|
iconName: 'dark-mode-symbolic',
|
|
});
|
|
|
|
this._settings = new Gio.Settings({
|
|
schema_id: 'org.gnome.desktop.interface',
|
|
});
|
|
this._changedId = this._settings.connect('changed::color-scheme',
|
|
() => this._sync());
|
|
|
|
this.connectObject(
|
|
'destroy', () => this._settings.run_dispose(),
|
|
'clicked', () => this._toggleMode(),
|
|
this);
|
|
this._sync();
|
|
}
|
|
|
|
_toggleMode() {
|
|
Main.layoutManager.screenTransition.run();
|
|
this._settings.set_string('color-scheme',
|
|
this.checked ? 'default' : 'prefer-dark');
|
|
}
|
|
|
|
_sync() {
|
|
const colorScheme = this._settings.get_string('color-scheme');
|
|
const checked = colorScheme === 'prefer-dark';
|
|
if (this.checked !== checked)
|
|
this.set({checked});
|
|
}
|
|
});
|
|
|
|
var Indicator = GObject.registerClass(
|
|
class Indicator extends SystemIndicator {
|
|
_init() {
|
|
super._init();
|
|
|
|
this.quickSettingsItems.push(new DarkModeToggle());
|
|
}
|
|
});
|