diff --git a/html/index.html b/html/index.html
index b6c3fe3..395aeba 100644
--- a/html/index.html
+++ b/html/index.html
@@ -49,16 +49,16 @@
         <!-- <a id="newPlaylistWin" class="menuItem">New Playlist</a> -->
         <a id="preferenceWin" class="menuItem">Preferences</a>
         <a id="aboutWin" class="menuItem">About</a>
-        <span class="menuItem">Theme:</span>
+        <span id="themeTxt" class="menuItem">Theme:</span>
         <select name="themeToggle" id="themeToggle">
-            <option value="light">Light</option>
-            <option value="dark">Dark</option>
-            <option value="frappe">Frappé</option>
-            <option value="onedark">One dark</option>
-            <option value="matrix">Matrix</option>
-            <option value="github">Github</option>
-            <option value="latte">Latte</option>
-            <option value="solarized-dark">Solarized Dark</option>
+            <option id="lightTxt" value="light">Light</option>
+            <option id="darkTxt" value="dark">Dark</option>
+            <option id="frappeTxt" value="frappe">Frappé</option>
+            <option id="onedarkTxt" value="onedark">One dark</option>
+            <option id="matrixTxt" value="matrix">Matrix</option>
+            <option id="githubTxt" value="github">Github</option>
+            <option id="latteTxt" value="latte">Latte</option>
+            <option id="solarizedDarkTxt" value="solarized-dark">Solarized Dark</option>
         </select>
     </div>
 
diff --git a/html/playlist.html b/html/playlist.html
index 59cd60e..9ca54cc 100644
--- a/html/playlist.html
+++ b/html/playlist.html
@@ -53,16 +53,16 @@
         <a id="homeWin" class="menuItem">Homepage</a>
         <a id="preferenceWin" class="menuItem">Preferences</a>
         <a id="aboutWin" class="menuItem">About</a>
-        <span class="menuItem">Theme:</span>
+        <span id="themeTxt" class="menuItem">Theme:</span>
         <select name="themeToggle" id="themeToggle">
-            <option value="light">Light</option>
-            <option value="dark">Dark</option>
-            <option value="frappe">Frappé</option>
-            <option value="onedark">One dark</option>
-            <option value="matrix">Matrix</option>
-            <option value="github">Github</option>
-            <option value="latte">Latte</option>
-            <option value="solarized-dark">Solarized Dark</option>
+            <option id="lightTxt" value="light">Light</option>
+            <option id="darkTxt" value="dark">Dark</option>
+            <option id="frappeTxt" value="frappe">Frappé</option>
+            <option id="onedarkTxt" value="onedark">One dark</option>
+            <option id="matrixTxt" value="matrix">Matrix</option>
+            <option id="githubTxt" value="github">Github</option>
+            <option id="latteTxt" value="latte">Latte</option>
+            <option id="solarizedDarkTxt" value="solarized-dark">Solarized Dark</option>
         </select>
     </div>
 
diff --git a/src/playlist.js b/src/playlist.js
index 81db14f..9399101 100644
--- a/src/playlist.js
+++ b/src/playlist.js
@@ -578,3 +578,13 @@ getId("useConfigTxt").textContent = i18n.__("Use config file");
 getId("errorBtn").textContent = i18n.__("Error Details") + " ▼";
 getId("clText").textContent = i18n.__("Current download location - ")
 getId("selectLocation").textContent = i18n.__("Select Download Location");
+getId("themeTxt").textContent = i18n.__("Theme");
+
+getId("lightTxt").textContent = i18n.__("Light");
+getId("darkTxt").textContent = i18n.__("Dark");
+getId("frappeTxt").textContent = i18n.__("Frappé");
+getId("onedarkTxt").textContent = i18n.__("One Dark");
+getId("matrixTxt").textContent = i18n.__("Matrix");
+getId("githubTxt").textContent = i18n.__("Github");
+getId("latteTxt").textContent = i18n.__("Latte");
+getId("solarizedDarkTxt").textContent = i18n.__("Solarized Dark");
\ No newline at end of file
diff --git a/src/translate_index.js b/src/translate_index.js
index 0310205..880e0b2 100644
--- a/src/translate_index.js
+++ b/src/translate_index.js
@@ -47,4 +47,14 @@ getId("extractQualityWorst").textContent = i18n.__("Worst")
 getId("quitTxt").textContent = i18n.__("Close app when download finishes")
 getId("clText").textContent = i18n.__("Current download location - ")
 getId("selectLocation").textContent = i18n.__("Select Download Location");
+getId("themeTxt").textContent = i18n.__("Theme");
+
+getId("lightTxt").textContent = i18n.__("Light");
+getId("darkTxt").textContent = i18n.__("Dark");
+getId("frappeTxt").textContent = i18n.__("Frappé");
+getId("onedarkTxt").textContent = i18n.__("One Dark");
+getId("matrixTxt").textContent = i18n.__("Matrix");
+getId("githubTxt").textContent = i18n.__("Github");
+getId("latteTxt").textContent = i18n.__("Latte");
+getId("solarizedDarkTxt").textContent = i18n.__("Solarized Dark");
 
diff --git a/translations/en.json b/translations/en.json
index 590bd12..1e3aed2 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -101,7 +101,8 @@
 	"Close app when download finishes":"Close app when download finishes",
 	"Auto":"Auto",
 	"Theme":"Theme",
-	"Light":"Dark",
+	"Light":"Light",
+	"Dark":"Dark",
 	"Frappé":"Frappé",
 	"One Dark":"One Dark",
 	"Matrix":"Matrix",