From 4ca5a213fa0fc29ed93e7e31b080728d6fa7f1f3 Mon Sep 17 00:00:00 2001
From: Zak Saunders <thezak48@users.noreply.github.com>
Date: Tue, 6 Dec 2022 07:22:52 +0000
Subject: [PATCH] New: Auto theme option to match OS theme

Co-authored-by: Qstick <qstick@gmail.com>
---
 frontend/src/Settings/UI/UISettings.js                | 2 +-
 frontend/src/Styles/Themes/index.js                   | 4 ++++
 src/NzbDrone.Core/Configuration/ConfigFileProvider.cs | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Settings/UI/UISettings.js b/frontend/src/Settings/UI/UISettings.js
index 67d2d9ece..bb426d05e 100644
--- a/frontend/src/Settings/UI/UISettings.js
+++ b/frontend/src/Settings/UI/UISettings.js
@@ -177,7 +177,7 @@ class UISettings extends Component {
                     <FormInputGroup
                       type={inputTypes.SELECT}
                       name="theme"
-                      helpText="Change Application UI Theme, Inspired by Theme.Park"
+                      helpText="Change Application UI Theme, 'Auto' Theme will use your OS Theme to set Light or Dark mode. Inspired by Theme.Park"
                       values={themeOptions}
                       onChange={onInputChange}
                       {...settings.theme}
diff --git a/frontend/src/Styles/Themes/index.js b/frontend/src/Styles/Themes/index.js
index 02068cc4c..d93c5dd8c 100644
--- a/frontend/src/Styles/Themes/index.js
+++ b/frontend/src/Styles/Themes/index.js
@@ -1,7 +1,11 @@
 import * as dark from './dark';
 import * as light from './light';
 
+const defaultDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+const auto = defaultDark ? { ...dark } : { ...light };
+
 export default {
+  auto,
   light,
   dark
 };
diff --git a/src/NzbDrone.Core/Configuration/ConfigFileProvider.cs b/src/NzbDrone.Core/Configuration/ConfigFileProvider.cs
index 522b6e992..c4bf57d92 100644
--- a/src/NzbDrone.Core/Configuration/ConfigFileProvider.cs
+++ b/src/NzbDrone.Core/Configuration/ConfigFileProvider.cs
@@ -191,7 +191,7 @@ namespace NzbDrone.Core.Configuration
         public string LogLevel => GetValue("LogLevel", "info").ToLowerInvariant();
         public string ConsoleLogLevel => GetValue("ConsoleLogLevel", string.Empty, persist: false);
 
-        public string Theme => GetValue("Theme", "light", persist: false);
+        public string Theme => GetValue("Theme", "auto", persist: false);
         public bool LogSql => GetValueBoolean("LogSql", false, persist: false);
         public int LogRotate => GetValueInt("LogRotate", 50, persist: false);
         public bool FilterSentryEvents => GetValueBoolean("FilterSentryEvents", true, persist: false);