UserStyles/GOTOES.org-DarkMode.user.css at main · Nick2bad4u/UserStyles · GitHub

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
61
/* ==UserStyle==
@name         GOTOES.org - Dark Mode
@version      20241116.21.12
@namespace    nick2bad4u.github.io
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@supportURL   https://github.com/Nick2bad4u/UserStyles/issues
@description  GOTOES.org - Dark Mode!
@author       Nick2bad4u
@license      UnLicense

@var color background-color-light "Background Color Light" #ffffff
@var color background-color-dark "Background Color Dark" #000000
@downloadURL  https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/GOTOES.org-DarkMode.user.css
@updateURL    https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/GOTOES.org-DarkMode.user.css
==/UserStyle== */

@-moz-document domain("gotoes.org") {
	:root {
		--background-color-light: var(background-color-light);
		--background-color-dark: var(background-color-dark);
	}

	:is(html:not([stylus-iframe])) {
		filter: invert(1) hue-rotate(180deg) !important;
		background: var(--background-color-light);
	}

	iframe,
	#top
		> section
		> div:nth-child(n)
		> div
		> div
		> div
		> div.banners
		> a:nth-child(n)
		> img,
	#leftDashboardPair > div:nth-child(n) > img,
	#content,
	#myCanvas,
	#stuck_container
		> div
		> div
		> div
		> div
		> nav
		> ul
		> li:nth-child(7)
		> a {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	#progressSection {
		filter: invert(0);
	}

	#cboxOverlay {
		filter: invert(1);
		background: var(--background-color-dark);
	}
}