diff --git a/src-ui/src/app/services/settings.service.spec.ts b/src-ui/src/app/services/settings.service.spec.ts index 7f5eb15fe..a05d5e7c3 100644 --- a/src-ui/src/app/services/settings.service.spec.ts +++ b/src-ui/src/app/services/settings.service.spec.ts @@ -149,7 +149,10 @@ describe('SettingsService', () => { const addClassSpy = jest.spyOn(settingsService.renderer, 'addClass') const removeClassSpy = jest.spyOn(settingsService.renderer, 'removeClass') const setAttributeSpy = jest.spyOn(settingsService.renderer, 'setAttribute') - const removeAttributeSpy = jest.spyOn(settingsService.renderer, 'removeAttribute') + const removeAttributeSpy = jest.spyOn( + settingsService.renderer, + 'removeAttribute' + ) settingsService.updateAppearanceSettings(true, true, '#fff000') expect(addClassSpy).toHaveBeenCalledWith(document.body, 'primary-light') diff --git a/src-ui/src/app/services/settings.service.ts b/src-ui/src/app/services/settings.service.ts index 3774af864..a4bfee2f3 100644 --- a/src-ui/src/app/services/settings.service.ts +++ b/src-ui/src/app/services/settings.service.ts @@ -105,15 +105,24 @@ export class SettingsService { darkModeEnabled ??= this.get(SETTINGS_KEYS.DARK_MODE_ENABLED) themeColor ??= this.get(SETTINGS_KEYS.THEME_COLOR) - const isSystemColorSchemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches + const isSystemColorSchemeDark = window.matchMedia( + '(prefers-color-scheme: dark)' + ).matches // clearing state. - this._renderer.removeAttribute(this.document.documentElement, 'data-bs-theme') + this._renderer.removeAttribute( + this.document.documentElement, + 'data-bs-theme' + ) this._renderer.removeClass(this.document.body, 'primary-dark') this._renderer.removeClass(this.document.body, 'primary-light') if ((darkModeUseSystem && isSystemColorSchemeDark) || darkModeEnabled) { - this._renderer.setAttribute(this.document.documentElement, 'data-bs-theme', 'dark') + this._renderer.setAttribute( + this.document.documentElement, + 'data-bs-theme', + 'dark' + ) } if (themeColor) { @@ -138,11 +147,11 @@ export class SettingsService { '--pngx-primary-lightness', `${hsl.l * 100}%`, RendererStyleFlags2.DashCase - ); + ) /** * Fix for not reflecting changed variables. (--bs-primary is at :root while here we set them to body) - */ + */ this._renderer.setStyle( document.body, '--bs-primary',