diff --git a/public/help/styles.css b/public/help/styles.css index 14003266..d3426cc1 100644 --- a/public/help/styles.css +++ b/public/help/styles.css @@ -1,3 +1,7 @@ +html { + color-scheme: dark; +} + .bigText { font-size: 50px; } diff --git a/public/options/options.css b/public/options/options.css index c7f59244..20c747e0 100644 --- a/public/options/options.css +++ b/public/options/options.css @@ -1,4 +1,8 @@ /* Options page CSS */ +html { + color-scheme: dark; +} + body { font-family: sans-serif; } diff --git a/public/permissions/styles.css b/public/permissions/styles.css index 971c6893..2cf49791 100644 --- a/public/permissions/styles.css +++ b/public/permissions/styles.css @@ -1,4 +1,8 @@ /* Options page CSS */ +html { + color-scheme: dark; +} + body { font-family: sans-serif; } diff --git a/public/popup.css b/public/popup.css index 0ccfb98d..444039dc 100644 --- a/public/popup.css +++ b/public/popup.css @@ -6,6 +6,10 @@ --sb-green-bg: #077B27; } +#sponsorBlockPopupHTML { + color-scheme: dark; +} + #sponsorBlockPopupBody .hidden { display: none !important; } @@ -28,6 +32,8 @@ margin: auto; width: 374px; background: var(--sb-main-bg-color); + + color-scheme: dark; } #sponsorblockPopup { diff --git a/public/popup.html b/public/popup.html index 3785057c..80e0d1da 100644 --- a/public/popup.html +++ b/public/popup.html @@ -1,152 +1,154 @@ - - __MSG_openPopup__ - - + + + __MSG_openPopup__ + + - - + + - -
-
- -

SponsorBlock

-
-
-
- -

__MSG_noVideoID__

- -

- + +
+
+ +

SponsorBlock

-
-
+
+
+ +

__MSG_noVideoID__

+ +

+ +
+
+
+
-
-
-
- - -

__MSG_disableSkipping__

- -
-
- - - - - - -

__MSG_yourWork__

-
-
-
-

__MSG_Username__:

-
-

- +
+ + - + + + + +

__MSG_yourWork__

+
+
+
+

__MSG_Username__:

+
+

+
- - + +
+
+
- + - - - - - -
- - - - + + + + + \ No newline at end of file diff --git a/src/content.ts b/src/content.ts index b1db2c76..e0f0572e 100644 --- a/src/content.ts +++ b/src/content.ts @@ -1318,9 +1318,11 @@ function openInfoMenu() { let htmlData = xmlhttp.responseText; // Hack to replace head data (title, favicon) htmlData = htmlData.replace(/[\S\s]*<\/head>/gi, ""); - // Hack to replace body tag with div + // Hack to replace body and html tag with div htmlData = htmlData.replace(/