feat(settings): show hint in theme picker when scheduler is active

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/locales/de.ts

@@ -582,6 +582,7 @@ export const deTranslation = {
     themeSchedulerDayStart: 'Tag beginnt um',
     themeSchedulerNightTheme: 'Nacht-Theme',
     themeSchedulerNightStart: 'Nacht beginnt um',
+    themeSchedulerActiveHint: 'Theme-Zeitplan ist aktiv - Themes werden automatisch gewechselt.',
     uiScaleTitle: 'Interface-Skalierung',
     uiScaleLabel: 'Zoom',
   },

src/locales/en.ts

@@ -583,6 +583,7 @@ export const enTranslation = {
     themeSchedulerDayStart: 'Day Starts At',
     themeSchedulerNightTheme: 'Night Theme',
     themeSchedulerNightStart: 'Night Starts At',
+    themeSchedulerActiveHint: 'Theme Scheduler is active - theme changes are managed automatically.',
     uiScaleTitle: 'Interface Scale',
     uiScaleLabel: 'Zoom',
   },

src/locales/fr.ts

@@ -580,6 +580,7 @@ export const frTranslation = {
     themeSchedulerDayStart: 'Début du jour',
     themeSchedulerNightTheme: 'Thème de nuit',
     themeSchedulerNightStart: 'Début de la nuit',
+    themeSchedulerActiveHint: 'Le planificateur de thème est actif - les thèmes changent automatiquement.',
     uiScaleTitle: "Mise à l'échelle de l'interface",
     uiScaleLabel: 'Zoom',
   },

src/locales/nb.ts

@@ -579,6 +579,7 @@ export const nbTranslation = {
     themeSchedulerDayStart: 'Dag starter kl.',
     themeSchedulerNightTheme: 'Natttema',
     themeSchedulerNightStart: 'Natt starter kl.',
+    themeSchedulerActiveHint: 'Temaplanlegger er aktiv - temaer byttes automatisk.',
     uiScaleTitle: 'Grensesnittskala',
     uiScaleLabel: 'Zoom',
   },

src/locales/nl.ts

@@ -580,6 +580,7 @@ export const nlTranslation = {
     themeSchedulerDayStart: 'Dag begint om',
     themeSchedulerNightTheme: 'Nachtthema',
     themeSchedulerNightStart: 'Nacht begint om',
+    themeSchedulerActiveHint: "Thema-planner is actief - thema's worden automatisch gewisseld.",
     uiScaleTitle: 'Interface schaal',
     uiScaleLabel: 'Zoom',
   },

src/locales/ru.ts

@@ -606,6 +606,7 @@ export const ruTranslation = {
     themeSchedulerDayStart: 'День начинается в',
     themeSchedulerNightTheme: 'Ночная тема',
     themeSchedulerNightStart: 'Ночь начинается в',
+    themeSchedulerActiveHint: 'Расписание тем активно - темы переключаются автоматически.',
     uiScaleTitle: 'Масштаб интерфейса',
     uiScaleLabel: 'Масштаб',
   },

src/locales/zh.ts

@@ -576,6 +576,7 @@ export const zhTranslation = {
     themeSchedulerDayStart: '白天开始时间',
     themeSchedulerNightTheme: '夜晚主题',
     themeSchedulerNightStart: '夜晚开始时间',
+    themeSchedulerActiveHint: '主题定时器已启用 - 主题将自动切换。',
     uiScaleTitle: '界面缩放',
     uiScaleLabel: '缩放',
   },

src/pages/Settings.tsx

@@ -1216,6 +1216,11 @@ export default function Settings() {
               <h2>{t('settings.theme')}</h2>
             </div>
             <div className="settings-card">
+              {theme.enableThemeScheduler && (
+                <div className="settings-hint settings-hint-info" style={{ marginBottom: '0.75rem' }}>
+                  {t('settings.themeSchedulerActiveHint')}
+                </div>
+              )}
               <ThemePicker value={theme.theme} onChange={v => theme.setTheme(v as any)} />
             </div>
           </section>

src/styles/components.css

@@ -2384,6 +2384,18 @@
   padding: var(--space-5);
 }
 
+.settings-hint {
+  font-size: 0.8rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: var(--radius-md);
+  line-height: 1.45;
+}
+.settings-hint-info {
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
+  color: var(--text-secondary);
+}
+
 /* ─ Help Page ─ */
 .help-list {
   display: flex;