diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 701ef193..b1be0523 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -790,8 +790,8 @@
"hideDonationLink": {
"message": "Hide Donation Link"
},
- "lightModeOptionsPage": {
- "message": "Light Mode On Options Page"
+ "darkModeOptionsPage": {
+ "message": "Dark Mode On Options Page"
},
"helpPageThanksForInstalling": {
"message": "Thanks for installing SponsorBlock."
diff --git a/public/options/options.html b/public/options/options.html
index b889f356..189f23ad 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -278,14 +278,14 @@
+
diff --git a/src/config.ts b/src/config.ts
index a5d95c0f..a890f94a 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -52,7 +52,7 @@ interface SBConfig {
},
scrollToEditTimeUpdate: boolean,
categoryPillUpdate: boolean,
- lightMode: boolean,
+ darkMode: boolean,
skipKeybind: Keybind,
startSponsorKeybind: Keybind,
@@ -208,7 +208,7 @@ const Config: SBObject = {
autoSkipOnMusicVideos: false,
scrollToEditTimeUpdate: false, // false means the tooltip will be shown
categoryPillUpdate: false,
- lightMode: false,
+ darkMode: true,
/**
* Default keybinds should not set "code" as that's gonna be different based on the user's locale. They should also only use EITHER ctrl OR alt modifiers (or none).
diff --git a/src/help.ts b/src/help.ts
index a3d7a9f8..6f3945df 100644
--- a/src/help.ts
+++ b/src/help.ts
@@ -11,7 +11,7 @@ async function init() {
await utils.wait(() => Config.config !== null);
- if (Config.config.lightMode) {
+ if (!Config.config.darkMode) {
document.documentElement.setAttribute("data-theme", "light");
}
diff --git a/src/options.ts b/src/options.ts
index a1ab85f0..2b47fd4c 100644
--- a/src/options.ts
+++ b/src/options.ts
@@ -50,7 +50,7 @@ async function init() {
await utils.wait(() => Config.config !== null);
- if (Config.config.lightMode) {
+ if (!Config.config.darkMode) {
document.documentElement.setAttribute("data-theme", "light");
}