UserStyles/ActivityFixDarkMode.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/* ==UserStyle==
@name           activityfix.com - Dark Mode
@namespace      nick2bad4u.github.io
@version        1.4
@description    Dark mode theme for ActivityFix
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color-black "Background Color Black" #000000
@var color text-color-white "Text Color White" #ffffff
@var color text-color-blue "Text Color Blue" #2196f3
@var color text-decoration-color "Text Decoration Color" #333333
@var color background-color-blue "Background Color Blue" #2196f3
@var color border-color-blue "Border Color Blue" #2196f3
@var color background-color-white "Background Color White" #ffffff
@var color text-color-black "Text Color Black" #000000
@downloadURL  https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/ActivityFixDarkMode.user.css
@updateURL    https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/ActivityFixDarkMode.user.css
==/UserStyle== */
@-moz-document domain("activityfix.com") {
	:root {
		--background-color-black: var(background-color-black);
		--text-color-white: var(text-color-white);
		--text-color-blue: var(text-color-blue);
		--text-decoration-color: var(text-decoration-color);
		--background-color-blue: var(background-color-blue);
		--border-color-blue: var(border-color-blue);
		--background-color-white: var(background-color-white);
		--text-color-black: var(text-color-black);
	}

	/* Invert colors except images and videos */
	:is(
		html:not([stylus-iframe]),
		img,
		svg,
		video,
		.w3-dark-gray,
		.w3-dark-grey,
		.w3-hover-dark-gray:hover,
		.w3-hover-dark-grey:hover,
		.w3-center,
		iframe,
		.af-disconnect-button
	) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.w3-dark-gray,
	.w3-dark-grey,
	.w3-hover-dark-gray:hover,
	.w3-hover-dark-grey:hover,
	.w3-padding-16 {
		background-color: var(
			--background-color-black
		) !important;
		color: var(--text-color-white) !important;
		font-weight: 800;
	}

	.af-update-header,
	.af-version {
		color: var(--text-color-blue);
		text-decoration: underline;
	}

	.af-update-header span {
		cursor: default;
		font-size: 13px;
		text-decoration: underline var(--text-decoration-color);
	}

	.w3-padding-16 {
		padding-top: 0 !important;
		padding-bottom: 16px !important;
	}

	.w3-bar.w3-top.af-blue.w3-large {
		background-color: var(
			--background-color-blue
		) !important;
	}

	.w3-main {
		background-color: var(--background-color-white);
	}

	.w3-container.w3-black.w3-display-container {
		margin: 0 !important;
		background-color: var(
			--background-color-white
		) !important;
		color: var(--text-color-black) !important;
	}

	#save_success > div {
		border: 4px var(--border-color-blue) dashed;
	}

	.w3-bar-item.w3-left {
		font-style: italic;
		font-weight: 550;
	}

	.af-help-contents > div:nth-child(n) > img,
	.w3-center
		> table
		> tbody
		> tr:nth-child(1)
		> td:nth-child(1)
		> a
		> img {
		filter: invert(0) hue-rotate(0deg) !important;
	}

	body > br,
	body > hr {
		display: none !important;
	}

	html {
		background: var(--background-color-white);
	}
}