Userchrome/userContent.css at master · annoyatron255/Userchrome · 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
@import url("./variables.css");
@-moz-document url(about:blank), url(about:newtab), url(about:home) {
	html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
		background: var(--key-color) !important;
	}

	.icon-settings {
		display: none !important;
	}

	.personalize-button {
		display: none !important;
	}

	:root {
		scrollbar-width: none !important;
	}
}

@-moz-document url(about:privatebrowsing) {
	.showPrivate, .vpn-promo {
		display: none !important;
	}

	html.private {
		--in-content-page-background: var(--key-color) !important;
	}

	:root {
		scrollbar-width: none !important;
	}
}

#viewer, .pdfViewer {
	background-color: var(--key-color) !important;
}

/* Transparent Theme for Dark Mode YouTube */
@-moz-document domain(youtube.com) {
	html:not(.style-scope)[dark],
	:not(.style-scope)[dark] {
		--yt-spec-general-background-a: var(--key-color) !important;
		--yt-spec-general-background-b: var(--key-color) !important;
		--yt-spec-general-background-c: var(--key-color) !important;
		--yt-spec-brand-background-solid: var(--key-color) !important;
		--yt-spec-brand-background-primary: var(--key-color) !important;
		--yt-spec-brand-background-secondary: var(--key-color) !important;
		--yt-searchbox-background: var(--key-color) !important;
		--ytd-searchbox-legacy-button-color: var(--key-color) !important;
		--yt-app-background: var(--key-color) !important;
	}

	:root {
		scrollbar-width: thin !important;
		scrollbar-color: #272727 var(--key-color) !important;
	}
}