forked from aminomancer/uc.css.js
-
Notifications
You must be signed in to change notification settings - Fork 1
/
ext-ublock.css
199 lines (180 loc) · 9.21 KB
/
ext-ublock.css
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
/* uBlock Origin dark theme */
@-moz-document regexp("moz-extension://8d413415-fec4-4612-9717-941c64de177b/.*")
{
@media (prefers-color-scheme: dark) {
:root {
--bg-1: hsla(250, 13%, 9%, 1) !important;
--bg-1-border: hsla(250, 13%, 16%, 1) !important;
--bg-overlay-50: hsla(0, 0%, 0%, 0.5) !important;
--link-ink: hsl(266.9, 95.2%, 75.7%) !important;
--checkbox-checked-ink: hsl(266.9, 95.2%, 75.7%) !important;
--dashboard-tab-active-ink: hsl(266.9, 95.2%, 75.7%) !important;
--fg-icon-info-lvl-0-dimmed: hsl(0, 0%, 53.3%) !important;
--fg-icon-info-lvl-1-dimmed: hsla(258, 57%, 35%, 1) !important;
--fg-icon-info-lvl-1: hsla(258, 66%, 48%, 1) !important;
--fg-icon-info-lvl-3: hsla(16, 100%, 50%, 1) !important;
--fg-icon-info-lvl-4: hsla(0, 100%, 35%, 1) !important;
--large-icon-info-lvl-2: hsla(41, 100%, 47%, 1) !important;
--bg-popup-cell-allow: hsla(120, 40%, 75%, 1) !important;
--bg-popup-cell-allow-own: hsla(120, 100%, 30%, 1) !important;
--bg-popup-cell-noop: hsla(0, 0%, 75%, 1) !important;
--bg-popup-cell-noop-own: hsla(0, 0%, 45%, 1) !important;
--bg-popup-cell-block: hsla(0, 50%, 80%, 1) !important;
--bg-popup-cell-block-own: hsla(0, 100%, 40%, 1) !important;
--bg-popup-cell-label-mixed: hsla(45, 100%, 38%, 1) !important;
--popup-icon-x-ink: hsl(347.1, 76.2%, 52.2%) !important;
--default-ink: var(--light-gray-10) !important;
--default-ink-a4: var(--light-gray-10-a4) !important;
--default-ink-a50: var(--light-gray-30-a50) !important;
--default-surface: var(--dark-gray-90) !important;
--default-surface-hover: var(--dark-gray-50) !important;
--bg-1: hsl(250, 13%, 9%) !important;
--bg-1-border: hsl(250.9, 13.6%, 15.9%) !important;
--bg-overlay-50: hsla(0, 0%, 0%, 0.5) !important;
--bg-code: hsla(0, 2%, 0%, 0.8) !important;
--fg-0-80: hsla(0, 0%, 53%, 0.8) !important;
--fg-0-70: hsla(0, 0%, 53%, 0.7) !important;
--fg-0-60: hsla(0, 0%, 53%, 0.6) !important;
--fg-0-50: hsla(0, 0%, 53%, 0.5) !important;
--fg-0-40: hsla(0, 0%, 53%, 0.4) !important;
--fg-0-30: hsla(0, 0%, 53%, 0.3) !important;
--fg-0-20: hsla(0, 0%, 53%, 0.2) !important;
--link-ink: hsl(266.9, 95.2%, 75.7%) !important;
--fieldset-header-surface: transparent !important;
--fieldset-header-ink: var(--light-gray-30) !important;
--hr-ink: var(--dark-gray-50) !important;
--button-surface-hover: var(--light-gray-10-a12) !important;
--button-disabled-filter: opacity(38%) !important;
--button-disabled-surface: var(--dark-gray-50) !important;
--bg-transient-notice: var(--dark-gray-50) !important;
--dashboard-bar-shadow: 0px 0px 0px 1px var(--default-ink-a4) !important;
--dashboard-tab-active-ink: hsl(266.9, 95.2%, 75.7%) !important;
--dashboard-tab-surface-hover: var(--default-surface-hover) !important;
--fg-icon-info-lvl-0-dimmed: hsl(0, 0%, 53.3%) !important;
--fg-icon-info-lvl-0: inherit !important;
--fg-icon-info-lvl-1-dimmed: hsl(258.2, 57.3%, 34.9%) !important;
--fg-icon-info-lvl-1: hsl(257.9, 65.7%, 48%) !important;
--info-lvl-2-ink: var(--yellow-50) !important;
--info-lvl-2-ink-hover: var(--yellow-60) !important;
--fg-icon-info-lvl-3-dimmed: hsla(16, 100%, 50%, 0.5) !important;
--fg-icon-info-lvl-3: hsl(16, 100%, 50%) !important;
--fg-icon-info-lvl-4-dimmed: hsla(0, 100%, 35%, 0.5) !important;
--fg-icon-info-lvl-4: hsl(0, 100%, 35.1%) !important;
--large-icon-info-lvl-2: hsl(41, 100%, 47.1%) !important;
--bg-tooltip: var(--dark-gray-50) !important;
--fg-tooltip: var(--light-gray-30) !important;
--bg-popup-cell-1: var(--dark-gray-50) !important;
--popup-power-disabled-ink: var(--light-gray-60) !important;
--popup-power-ink-hover: var(--dark-gray-30) !important;
--bg-popup-cell-2: var(--dark-gray-50) !important;
--bg-popup-cell-label-filter: opacity(40%) !important;
--fg-popup-cell-cname: hsla(0, 0%, 53%, 0.3) !important;
--bg-popup-cell-allow: hsl(120, 40.2%, 75.1%) !important;
--bg-popup-cell-allow-own: hsl(120, 100%, 30%) !important;
--bg-popup-cell-noop: hsl(0, 0%, 74.9%) !important;
--bg-popup-cell-noop-own: hsl(0, 0%, 45.1%) !important;
--bg-popup-cell-block: hsl(0, 50.5%, 80.2%) !important;
--bg-popup-cell-block-own: hsl(0, 100%, 40%) !important;
--bg-popup-cell-label-mixed: hsl(44.8, 100%, 38%) !important;
--popup-icon-x-ink: hsl(347.1, 76.2%, 52.2%) !important;
--cloud-widget-surface: var(--dark-gray-70) !important;
--cm-gutter-border: var(--dark-gray-70) !important;
--cm-gutter-ink: var(--light-gray-40) !important;
--cm-gutter-surface: var(--dark-gray-70) !important;
--cm-selection-surface: var(--dark-gray-30) !important;
--select-surface: var(--dark-gray-30) !important;
--cm-selection-ink: var(--default-ink) !important;
--button-surface: var(--light-gray-10-a12) !important;
--button-ink: var(--default-ink) !important;
--button-surface-hover: var(--dark-gray-30) !important;
--button-active-surface: var(--light-gray-70) !important;
--button-important-surface: var(--dark-gray-30) !important;
--button-important-surface-hover: var(--light-gray-60) !important;
--button-disabled-filter: opacity(68%) !important;
--button-disabled-surface: var(--dark-gray-70) !important;
--button-disabled-ink: var(--light-gray-30-a50) !important;
--button-preferred-surface: var(--dark-gray-50) !important;
--button-preferred-ink: var(--light-gray-70) !important;
--checkbox-size: calc(var(--font-size) + 2px) !important;
--checkbox-ink: var(--default-ink) !important;
--checkbox-checked-ink: hsl(266.9, 95.2%, 75.7%) !important;
--checkbox-hover-ink: hsl(266.9, 35.2%, 35.7%) !important;
}
body {
background-color: hsl(250, 13%, 9%) !important;
}
@supports -moz-bool-pref("userChrome.css.mac-ui-fonts") {
body {
font-family: SF Pro Text, Segoe UI, sans-serif !important;
}
#hostname > span + span {
font-weight: 500 !important;
}
}
button:not(.disabled, [disabled]) {
cursor: pointer !important;
}
#cloudWidget {
background-color: hsl(246.7, 11.7%, 15.1%) !important;
}
#actions {
background-color: hsl(250, 13%, 9%) !important;
}
.CodeMirror-cursor {
caret-color: white !important;
color: white !important;
border-color: white !important;
}
.CodeMirror-selected {
background: var(--dark-gray-70) !important;
}
.CodeMirror-focused .CodeMirror-selected {
background: var(--dark-gray-50) !important;
}
a:hover {
color: hsl(266.9, 99.2%, 85.7%) !important;
}
#cloudCapacity {
background-color: var(--dark-gray-30) !important;
}
.CodeMirror-activeline-background {
background: var(--dark-gray-70) !important;
}
.checkbox > input[type="checkbox"] + svg {
border: 1.5px solid var(--checkbox-ink) !important;
}
.checkbox > input[type="checkbox"]:checked + svg {
background-color: var(--checkbox-checked-ink);
border-color: var(--checkbox-checked-ink) !important;
stroke: var(--default-surface);
}
.checkbox > input[type="checkbox"]:not(:checked):hover + svg {
border-color: var(--checkbox-checked-ink) !important;
background-color: var(--checkbox-hover-ink) !important;
stroke: transparent !important;
}
select {
appearance: none !important;
appearance: none !important;
background-color: var(--dark-gray-30) !important;
color: var(--default-ink) !important;
border: none !important;
border-radius: 3px !important;
padding-block: 3px !important;
padding-inline: 3px !important;
}
select > option {
appearance: none !important;
appearance: none !important;
background-color: var(--dark-gray-30) !important;
color: var(--default-ink) !important;
border: none !important;
}
.cm-search-widget .fa-icon:not(.fa-icon-ro):hover {
fill: white !important;
}
.cm-search-widget .cm-search-widget-button:hover {
color: white !important;
}
}
}