swee/darkSnap
swee/darkSnap
1
0
Fork 0
Code Pull requests Activity Actions

We do not need to check if the page uses BS5.

Browse source
This commit is contained in:
Nova Cat 2024-11-30 17:33:38 -08:00
parent 9cba8cf192
commit 014944446e
1 changed files with 20 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
script.user.js
View file

@ -7,36 +7,26 @@
// @version 3
// @author Swee
// @description Fork of https://forum.snap.berkeley.edu/t/18272
// @run-at document-idle
// @run-at document-body
// ==/UserScript==
//
if (document.querySelectorAll('[data-bs-theme]').length > 0) {
// Set the data-bs-theme attribute to "dark"
// By doing some inspectation I determined a lot of pages use
// bootstrap 5, and this is how you make bootstrap go in dark mode
document.documentElement.setAttribute('data-bs-theme', 'dark');
document.documentElement.classList.add("text-white"); // Make the text white with a class, rather than custom CSS.
console.info("This page uses BS5.")
} else {
// Dark mode patches for non-bootstrap pages
const noBoostrapStyle = document.createElement('style');
noBoostrapStyle.innerHTML = `
body {
background: #212529;
color: white;
}
.notes {
background: #2D3142 !important;
}
.trapezoid {
color: #2D3142;
}
.trapezoid-footer {
color: #212529;
}
`;
document.head.appendChild(noBoostrapStyle);
console.info("This page does NOT use BS5.")
}
document.head.appendChild(style);
document.documentElement.setAttribute('data-bs-theme', 'dark');
document.documentElement.classList.add("text-white");
const noBoostrapStyle = document.createElement('style');
noBoostrapStyle.innerHTML = `
body {
background: #212529;
color: white;
}
.notes {
background: #2D3142 !important;
}
.trapezoid {
color: #2D3142;
}
.trapezoid-footer {
color: #212529;
}
`;
document.head.appendChild(noBoostrapStyle);