Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-16 04:45:20 +03:00
Code Issues Wiki Activity

Merge pull request #2012 from WalcoFPV/dark_theme

Browse source 
DarkTheme auto change when prefers color scheme change
This commit is contained in:
Michael Keller 2020-06-21 14:53:50 +12:00 • committed by GitHub
commit de70148a4b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/js/DarkTheme.js
View file

@ -12,18 +12,28 @@ DarkTheme.isDarkThemeEnabled = function (val) {
return val === 0 || val === 2 && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
};
DarkTheme.apply = function() {
if (this.isDarkThemeEnabled(this.configEnabled)) {
this.applyDark();
} else {
this.applyNormal();
}
if (chrome.app.window !== undefined) {
windowWatcherUtil.passValue(chrome.app.window.get("receiver_msp"), 'darkTheme', this.isDarkThemeEnabled(this.configEnabled));
}
};
DarkTheme.autoSet = function() {
if (this.configEnabled === 2) {
this.apply();
}
};
DarkTheme.setConfig = function (result) {
if (this.configEnabled != result) {
this.configEnabled = result;
if (this.isDarkThemeEnabled(this.configEnabled)) {
this.applyDark();
} else {
this.applyNormal();
}
windowWatcherUtil.passValue(chrome.app.window.get("receiver_msp"), 'darkTheme', this.isDarkThemeEnabled(this.configEnabled));
this.apply();
}
};

3
src/js/main.js
View file

@ -595,6 +595,9 @@ function startProcess() {
setDarkTheme(result.darkTheme);
}
});
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", function() {
DarkTheme.autoSet();
});
}
function setDarkTheme(enabled) {