melanie/GoComics Dark Mode

gocomics-dark-mode.css · 1.9 KiB · CSS Raw

/* ==UserStyle==
@name           GoComics Dark Mode
@namespace      userstyles.club/style/did:plc:ygq3j4yme7aivue6mcuxhwvg/3mz5jvhgj6v2u
@version        1
@description    Read Nancy in bed without waking your partner
@author         melanie kat
==/UserStyle== */

@-moz-document domain("gocomics.com") {
	@media (prefers-color-scheme: dark) {
		:root,
		* {
			--color-alert-error-100: #3a1d18;
			--color-alert-error-200: #5c251d;
			--color-alert-error-300: #e27055;
			--color-alert-info-100: #10243e;
			--color-alert-info-200: #183863;
			--color-alert-info-300: #5c93f0;
			--color-alert-success-100: #132e16;
			--color-alert-success-200: #1f4d25;
			--color-alert-success-300: #82c986;
			--color-alert-warning-100: #36280c;
			--color-alert-warning-200: #594215;
			--color-alert-warning-300: #ebb15b;
			--color-black: #fff;
			--color-white: #000;
			--color-blue-100: #000;
			--color-blue-200: #133a9a;
			--color-blue-300: #a1baf9;
			--color-blue-400: #e0e9ff;
			--color-blue-500: #e7eff9;
			--color-blue-600: #edf0f3;
			--color-gocomics-blue: #4a78e8;
			--color-gray-100: #242424;
			--color-gray-200: #313131;
			--color-gray-300: #585858;
			--color-gray-400: #777;
			--color-gray-500: #888;
			--color-gray-600: #bbb;
			--color-gray-700: #000;
			--color-gray-800: #eee;
			--color-green: #6bc492;
			--color-light-beige: #5c5043;
			--color-light-blue: #a3d1f0;
			--color-pink: #f2d8db;
			--color-purple: #7d7ab0;
			--color-red: #e06c6f;
			--color-yellow: #f9d36e;
			--color-text-dark: var(--color-gray-800);
			--color-text-light: #fff;
			--hr-color: #133a9a;
		}

[class^="MyComicsDatePicker"]::before,
		[class^="MyComicsDatePicker"]::after {
			--color-white: #000;
		}

svg[fill="var(--color-white)"] {
			--color-white: #fff;
		}

body {
			background-color: #000;
			color: #fff;
		}

[class^="DesktopMyAccountNav"] {
			--color-gray-700: #fff;
		}

[class^="Typography"] {
			color: #fff;
		}
	}
}

1	/* ==UserStyle==
2	@name GoComics Dark Mode
3	@namespace userstyles.club/style/did:plc:ygq3j4yme7aivue6mcuxhwvg/3mz5jvhgj6v2u
4	@version 1
5	@description Read Nancy in bed without waking your partner
6	@author melanie kat
7	==/UserStyle== */
8
9	@-moz-document domain("gocomics.com") {
10	@media (prefers-color-scheme: dark) {
11	:root,
12	* {
13	--color-alert-error-100: #3a1d18;
14	--color-alert-error-200: #5c251d;
15	--color-alert-error-300: #e27055;
16	--color-alert-info-100: #10243e;
17	--color-alert-info-200: #183863;
18	--color-alert-info-300: #5c93f0;
19	--color-alert-success-100: #132e16;
20	--color-alert-success-200: #1f4d25;
21	--color-alert-success-300: #82c986;
22	--color-alert-warning-100: #36280c;
23	--color-alert-warning-200: #594215;
24	--color-alert-warning-300: #ebb15b;
25	--color-black: #fff;
26	--color-white: #000;
27	--color-blue-100: #000;
28	--color-blue-200: #133a9a;
29	--color-blue-300: #a1baf9;
30	--color-blue-400: #e0e9ff;
31	--color-blue-500: #e7eff9;
32	--color-blue-600: #edf0f3;
33	--color-gocomics-blue: #4a78e8;
34	--color-gray-100: #242424;
35	--color-gray-200: #313131;
36	--color-gray-300: #585858;
37	--color-gray-400: #777;
38	--color-gray-500: #888;
39	--color-gray-600: #bbb;
40	--color-gray-700: #000;
41	--color-gray-800: #eee;
42	--color-green: #6bc492;
43	--color-light-beige: #5c5043;
44	--color-light-blue: #a3d1f0;
45	--color-pink: #f2d8db;
46	--color-purple: #7d7ab0;
47	--color-red: #e06c6f;
48	--color-yellow: #f9d36e;
49	--color-text-dark: var(--color-gray-800);
50	--color-text-light: #fff;
51	--hr-color: #133a9a;
52	}
53
54	[class^="MyComicsDatePicker"]::before,
55	[class^="MyComicsDatePicker"]::after {
56	--color-white: #000;
57	}
58
59	svg[fill="var(--color-white)"] {
60	--color-white: #fff;
61	}
62
63	body {
64	background-color: #000;
65	color: #fff;
66	}
67
68	[class^="DesktopMyAccountNav"] {
69	--color-gray-700: #fff;
70	}
71
72	[class^="Typography"] {
73	color: #fff;
74	}
75	}
76	}
77