rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Fixed issue with system color scheme on mobile

Browse Source
This commit is contained in:
Aman Harwara
2024-03-26 21:08:04 +05:30
parent 8a6e123fbc
commit 45ca99c627
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui-services/src/Theme/ThemeManager.ts
View File

@@ -91,7 +91,7 @@ export class ThemeManager extends AbstractUIService {
break break
} }
case ApplicationEvent.FeaturesAvailabilityChanged: { case ApplicationEvent.FeaturesAvailabilityChanged: {
this.handleFeaturesAvailabilityChanged() this.handleFeaturesAvailabilityChanged().catch(console.error)
break break
} }
case ApplicationEvent.Launched: { case ApplicationEvent.Launched: {
@@ -197,7 +197,7 @@ export class ThemeManager extends AbstractUIService {
} }
} }
private handleFeaturesAvailabilityChanged(): void { private async handleFeaturesAvailabilityChanged() {
let hasChange = false let hasChange = false
for (const theme of this.themesActiveInTheUI.asThemes()) { for (const theme of this.themesActiveInTheUI.asThemes()) {
@@ -219,7 +219,10 @@ export class ThemeManager extends AbstractUIService {
const shouldSetThemeAsPerColorScheme = this.preferences.getLocalValue(LocalPrefKey.UseSystemColorScheme, false) const shouldSetThemeAsPerColorScheme = this.preferences.getLocalValue(LocalPrefKey.UseSystemColorScheme, false)
if (shouldSetThemeAsPerColorScheme) { if (shouldSetThemeAsPerColorScheme) {
const prefersDarkColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches let prefersDarkColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches
if (this.application.isNativeMobileWeb()) {
prefersDarkColorScheme = (await this.application.mobileDevice.getColorScheme()) === 'dark'
}
hasChange = this.setThemeAsPerColorScheme(prefersDarkColorScheme) hasChange = this.setThemeAsPerColorScheme(prefersDarkColorScheme)
} }