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 @@
__MSG_showTimeWithSkipsDescription__
-
+
-
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"); }