[verified] feat: add immersive themes and focus controls

src/features/settings/settings.test.ts

@@ -9,6 +9,20 @@ import {
 import { IndexedDbSettingsStore } from './settings-store'
 
 describe('application settings', () => {
+  it('uses the selected theme clock color by default', () => {
+    expect(DEFAULT_SETTINGS.useThemeClockColor).toBe(true)
+  })
+
+  it('preserves a legacy custom clock color as an override', () => {
+    const legacySettings: Partial<AppSettings> = {
+      ...DEFAULT_SETTINGS,
+      textColor: '#23ab67',
+    }
+    delete legacySettings.useThemeClockColor
+
+    expect(normalizeSettings(legacySettings).useThemeClockColor).toBe(false)
+  })
+
   it('automatically starts the next timer by default', () => {
     expect(DEFAULT_SETTINGS.autoStartNext).toBe(true)
   })