-
Notifications
You must be signed in to change notification settings - Fork 4
/
darkmode.js
60 lines (55 loc) · 2.07 KB
/
darkmode.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
// PW Dark Mode
// Dark Mode for Physics Wallah's website
// Tested against 'https://study.physicswallah.live/'
// Coded by: GitHub/FireHead90544 (Rudransh Joshi)
// This project is open source, you are free to modify the code to whatever extent you like just be sure to credit the original author/repository.
// I am not a primary javascript developer, so if you find some bugs/issues/errors/suggestions, please let me know.
// Contributions to the same will be appreciated.
var light = true;
var fixed = false;
// This logic handles the changing of theme
function change_theme(){
if (light){
document.getElementsByTagName('html')[0].style.filter = 'invert(1) hue-rotate(180deg)';
light = false;
}
else{
document.getElementsByTagName('html')[0].style.filter = 'invert(0) hue-rotate(0deg)';
light = true;
}
fix_containers();
}
// This logic handles the fixing of images and videos becoming inverted
function fix_containers() {
var imgs = document.getElementsByTagName("img");
var vids = document.getElementsByTagName("video");
var pwlogo = document.getElementsByClassName('mouse_pointer')[0];
for (var i = 0; i < imgs.length; i++) {
if (imgs[i].style.filter === ""){
imgs[i].style.filter = "invert(1) hue-rotate(180deg)";
}else{
imgs[i].style.filter = "";
}
}
for (var i = 0; i < vids.length; i++) {
if (vids[i].style.filter === ""){
vids[i].style.filter = "invert(1) hue-rotate(180deg)";
}else{
vids[i].style.filter = "";
}
}
if (pwlogo.style.filter === ""){pwlogo.style.filter="invert(0) hue-rotate(180deg)";}else{pwlogo.style.filter="";}
}
// Shift + Alt + D --> Dark Mode
// Shift + Alt + F --> Fix Images/Videos
document.onkeyup = function (e) {
var evt = window.event || e;
if (evt.keyCode == 68 && evt.altKey && evt.shiftKey) {
change_theme();
}
else if (evt.keyCode == 70 && evt.altKey && evt.shiftKey) {
fix_containers();
}
}
// Immediately invoke change_theme to enable dark mode on paste
change_theme();