3 files changed, 10 insertions, 1 deletions
diff --git a/src/assets/javascripts/helpers/youtube/options.js b/src/assets/javascripts/helpers/youtube/options.js
index 2b0fa6c0..a5aa413d 100644
--- a/src/assets/javascripts/helpers/youtube/options.js
+++ b/src/assets/javascripts/helpers/youtube/options.js
@@ -114,6 +114,9 @@ export const getPipedSelectedSkip = () => pipedSelectedSkip;
 export let pipedSponsorblock;
 export const getPipedSponsorblock = () => pipedSponsorblock;
 
+export let pipedDdlTheme;
+export const getPipedDdlTheme = () => pipedDdlTheme;
+
 export let pipedWatchHistory;
 export const getPipedWatchHistory = () => pipedWatchHistory;
 
@@ -162,6 +165,7 @@ export async function initOptions() {
                     "pipedRegion",
                     "pipedSelectedSkip",
                     "pipedSponsorblock",
+                    "pipedDdlTheme",
                     "pipedWatchHistory",
 
                     "pipedMaterialSkipToLastPoint",
@@ -206,6 +210,7 @@ export async function initOptions() {
 
                     pipedSelectedSkip = r.pipedSelectedSkip ?? ["sponsor", "interaction", "selfpromo", "music_offtopic"];
                     pipedSponsorblock = r.pipedSponsorblock ?? true;
+                    pipedDdlTheme = r.pipedDdlTheme ?? 'auto';
                     pipedWatchHistory = r.pipedWatchHistory ?? false;
 
                     pipedMaterialSkipToLastPoint = r.pipedMaterialSkipToLastPoint ?? true;
diff --git a/src/assets/javascripts/helpers/youtube/piped-preferences.js b/src/assets/javascripts/helpers/youtube/piped-preferences.js
index 6548a2bb..3f9572dc 100644
--- a/src/assets/javascripts/helpers/youtube/piped-preferences.js
+++ b/src/assets/javascripts/helpers/youtube/piped-preferences.js
@@ -18,6 +18,7 @@ browser.storage.local.get(
         "pipedRegion",
         "pipedSelectedSkip",
         "pipedSponsorblock",
+        "pipedDdlTheme",
         "pipedWatchHistory",
     ],
     r => {
@@ -37,6 +38,7 @@ browser.storage.local.get(
         let pipedRegion = r.pipedRegion ?? "US";
         let pipedSelectedSkip = r.pipedSelectedSkip ?? ["sponsor", "interaction", "selfpromo", "music_offtopic"];
         let pipedSponsorblock = r.pipedSponsorblock ?? true;
+        let pipedDdlTheme = r.pipedDdlTheme ?? 'auto';
         let pipedWatchHistory = r.pipedWatchHistory ?? false;
 
         localStorage.setItem("bufferGoal", pipedBufferGoal.toString());
@@ -52,7 +54,7 @@ browser.storage.local.get(
         localStorage.setItem("region", pipedRegion);
         localStorage.setItem("selectedSkip", pipedSelectedSkip);
         localStorage.setItem("sponsorblock", pipedSponsorblock);
-        localStorage.setItem("theme", theme);
+        localStorage.setItem("theme", pipedDdlTheme);
         localStorage.setItem("volume", youtubeVolume / 100);
         localStorage.setItem("watchHistory", pipedWatchHistory);
     }
diff --git a/src/assets/javascripts/helpers/youtube/youtube.js b/src/assets/javascripts/helpers/youtube/youtube.js
index 4dd71480..4574d6e5 100644
--- a/src/assets/javascripts/helpers/youtube/youtube.js
+++ b/src/assets/javascripts/helpers/youtube/youtube.js
@@ -36,6 +36,7 @@ import {
   getPipedRegion,
   getPipedSelectedSkip,
   getPipedSponsorblock,
+  getPipedDdlTheme,
   getPipedWatchHistory,
   volume, getVolume, setVolume,
   youtubeAutoplay, getAutoplay, setAutoplay,
@@ -687,6 +688,7 @@ export default {
   getPipedRegion,
   getPipedSelectedSkip,
   getPipedSponsorblock,
+  getPipedDdlTheme,
   getPipedWatchHistory,
   getPipedMaterialSkipToLastPoint,