mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-19 14:09:09 +03:00
Merge pull request #859 from rakleed/dark-scrollbar
Make dark scroll bar in Chromium-based browsers
This commit is contained in:
@@ -1,3 +1,7 @@
|
|||||||
|
html {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
.bigText {
|
.bigText {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
/* Options page CSS */
|
/* Options page CSS */
|
||||||
|
html {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
/* Options page CSS */
|
/* Options page CSS */
|
||||||
|
html {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,6 +6,10 @@
|
|||||||
--sb-green-bg: #077B27;
|
--sb-green-bg: #077B27;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sponsorBlockPopupHTML {
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
#sponsorBlockPopupBody .hidden {
|
#sponsorBlockPopupBody .hidden {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
@@ -28,6 +32,8 @@
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
width: 374px;
|
width: 374px;
|
||||||
background: var(--sb-main-bg-color);
|
background: var(--sb-main-bg-color);
|
||||||
|
|
||||||
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sponsorblockPopup {
|
#sponsorblockPopup {
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
<html id="sponsorBlockPopupHTML">
|
||||||
<head>
|
<head>
|
||||||
<title>__MSG_openPopup__</title>
|
<title>__MSG_openPopup__</title>
|
||||||
<link id="sponsorBlockPopupFont" rel="stylesheet" type="text/css" href="/libs/Source+Sans+Pro.css">
|
<link id="sponsorBlockPopupFont" rel="stylesheet" type="text/css" href="/libs/Source+Sans+Pro.css">
|
||||||
@@ -150,3 +151,4 @@
|
|||||||
<script src="./js/vendor.js" async></script>
|
<script src="./js/vendor.js" async></script>
|
||||||
<script src="./js/popup.js" async></script>
|
<script src="./js/popup.js" async></script>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1318,9 +1318,11 @@ function openInfoMenu() {
|
|||||||
let htmlData = xmlhttp.responseText;
|
let htmlData = xmlhttp.responseText;
|
||||||
// Hack to replace head data (title, favicon)
|
// Hack to replace head data (title, favicon)
|
||||||
htmlData = htmlData.replace(/<head>[\S\s]*<\/head>/gi, "");
|
htmlData = htmlData.replace(/<head>[\S\s]*<\/head>/gi, "");
|
||||||
// Hack to replace body tag with div
|
// Hack to replace body and html tag with div
|
||||||
htmlData = htmlData.replace(/<body/gi, "<div");
|
htmlData = htmlData.replace(/<body/gi, "<div");
|
||||||
htmlData = htmlData.replace(/<\/body/gi, "</div");
|
htmlData = htmlData.replace(/<\/body/gi, "</div");
|
||||||
|
htmlData = htmlData.replace(/<html/gi, "<div");
|
||||||
|
htmlData = htmlData.replace(/<\/html/gi, "</div");
|
||||||
|
|
||||||
popup.innerHTML = htmlData;
|
popup.innerHTML = htmlData;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user