design.estate/dees-domtools
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-11-25 15:42:55 +00:00
parent 8da64f1b50
commit a83239e0d9
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ts/domtools.classes.thememanager.ts
View File

@ -6,12 +6,22 @@ export class ThemeManager {
public domtoolsRef: DomTools; public domtoolsRef: DomTools;
public goBrightBoolean = false; public goBrightBoolean = false;
public preferredColorSchemeMediaMatch = window.matchMedia('(prefers-color-scheme: light)');
constructor(domtoolsRefArg: DomTools) { constructor(domtoolsRefArg: DomTools) {
this.domtoolsRef = domtoolsRefArg; this.domtoolsRef = domtoolsRefArg;
// lets take care of elements being added that need to know of the current theme
this.domtoolsRef.elementInstrumenter.connectedElements.eventSubject.subscribe(async eventData => { this.domtoolsRef.elementInstrumenter.connectedElements.eventSubject.subscribe(async eventData => {
await this.setThemeStatusForElement(eventData.payload, this.goBrightBoolean); await this.setThemeStatusForElement(eventData.payload, this.goBrightBoolean);
}); });
// lets care
this.goBrightBoolean = this.preferredColorSchemeMediaMatch.matches;
this.preferredColorSchemeMediaMatch.addEventListener('change', eventArg => {
this.goBrightBoolean = eventArg.matches;
this.updateAllConnectedElements();
});
} }
private async setThemeStatusForElement (elementArg: LitElement, goBrightBool: boolean) { private async setThemeStatusForElement (elementArg: LitElement, goBrightBool: boolean) {