automatically theme mode based on user preference

Related to #1901

Implemented automatic dark theme change based on user preference using the `prefers-color-scheme` media query.
This commit is contained in:
Vijay Soni 2024-10-07 01:28:46 +05:30
parent d635cca210
commit e484d426fe
2 changed files with 11 additions and 0 deletions

3
src/web/App.mjs Executable file → Normal file
View file

@ -60,6 +60,7 @@ class App {
this.initialiseSplitter();
this.loadLocalStorage();
this.manager.options.applyPreferredColorScheme();
this.populateOperationsList();
this.manager.setup();
this.manager.output.saveBombe();
@ -536,6 +537,8 @@ class App {
// Read in theme from URI params
if (this.uriParams.theme) {
this.manager.options.changeTheme(Utils.escapeHtml(this.uriParams.theme));
} else {
this.manager.options.applyPreferredColorScheme();
}
window.dispatchEvent(this.manager.statechange);