From 47fcade3b392d1de779efd8b34339e05a3c9c7d0 Mon Sep 17 00:00:00 2001
From: Psychotoxical <dev@psysonic.app>
Date: Wed, 8 Apr 2026 15:51:43 +0200
Subject: [PATCH] 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         |  1 +
 src/locales/en.ts         |  1 +
 src/locales/fr.ts         |  1 +
 src/locales/nb.ts         |  1 +
 src/locales/nl.ts         |  1 +
 src/locales/ru.ts         |  1 +
 src/locales/zh.ts         |  1 +
 src/pages/Settings.tsx    |  5 +++++
 src/styles/components.css | 12 ++++++++++++
 9 files changed, 24 insertions(+)

diff --git a/src/locales/de.ts b/src/locales/de.ts
index 3b77a359..0fa09110 100644
--- a/src/locales/de.ts
+++ b/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',
   },
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 29fc0aae..200db414 100644
--- a/src/locales/en.ts
+++ b/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',
   },
diff --git a/src/locales/fr.ts b/src/locales/fr.ts
index 9c058f79..40295cda 100644
--- a/src/locales/fr.ts
+++ b/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',
   },
diff --git a/src/locales/nb.ts b/src/locales/nb.ts
index b3aa3d97..787749d3 100644
--- a/src/locales/nb.ts
+++ b/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',
   },
diff --git a/src/locales/nl.ts b/src/locales/nl.ts
index 986b258e..504ab510 100644
--- a/src/locales/nl.ts
+++ b/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',
   },
diff --git a/src/locales/ru.ts b/src/locales/ru.ts
index 8937afeb..e5d37b0e 100644
--- a/src/locales/ru.ts
+++ b/src/locales/ru.ts
@@ -606,6 +606,7 @@ export const ruTranslation = {
     themeSchedulerDayStart: 'День начинается в',
     themeSchedulerNightTheme: 'Ночная тема',
     themeSchedulerNightStart: 'Ночь начинается в',
+    themeSchedulerActiveHint: 'Расписание тем активно - темы переключаются автоматически.',
     uiScaleTitle: 'Масштаб интерфейса',
     uiScaleLabel: 'Масштаб',
   },
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index 7d1d22d3..ba16101d 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -576,6 +576,7 @@ export const zhTranslation = {
     themeSchedulerDayStart: '白天开始时间',
     themeSchedulerNightTheme: '夜晚主题',
     themeSchedulerNightStart: '夜晚开始时间',
+    themeSchedulerActiveHint: '主题定时器已启用 - 主题将自动切换。',
     uiScaleTitle: '界面缩放',
     uiScaleLabel: '缩放',
   },
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 3c6377fb..dec88d8a 100644
--- a/src/pages/Settings.tsx
+++ b/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>
diff --git a/src/styles/components.css b/src/styles/components.css
index ef62f6c0..1020f1e4 100644
--- a/src/styles/components.css
+++ b/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;