mocha 9.2.2 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/mocha.css CHANGED
@@ -1,7 +1,73 @@
1
1
  @charset "utf-8";
2
2
 
3
+ :root {
4
+ --mocha-color: #000;
5
+ --mocha-bg-color: #fff;
6
+ --mocha-pass-icon-color: #00d6b2;
7
+ --mocha-pass-color: #fff;
8
+ --mocha-pass-shadow-color: rgba(0,0,0,.2);
9
+ --mocha-pass-mediump-color: #c09853;
10
+ --mocha-pass-slow-color: #b94a48;
11
+ --mocha-test-pending-color: #0b97c4;
12
+ --mocha-test-pending-icon-color: #0b97c4;
13
+ --mocha-test-fail-color: #c00;
14
+ --mocha-test-fail-icon-color: #c00;
15
+ --mocha-test-fail-pre-color: #000;
16
+ --mocha-test-fail-pre-error-color: #c00;
17
+ --mocha-test-html-error-color: #000;
18
+ --mocha-box-shadow-color: #eee;
19
+ --mocha-box-bottom-color: #ddd;
20
+ --mocha-test-replay-color: #000;
21
+ --mocha-test-replay-bg-color: #eee;
22
+ --mocha-stats-color: #888;
23
+ --mocha-stats-em-color: #000;
24
+ --mocha-stats-hover-color: #eee;
25
+ --mocha-error-color: #c00;
26
+
27
+ --mocha-code-comment: #ddd;
28
+ --mocha-code-init: #2f6fad;
29
+ --mocha-code-string: #5890ad;
30
+ --mocha-code-keyword: #8a6343;
31
+ --mocha-code-number: #2f6fad;
32
+ }
33
+
34
+ @media (prefers-color-scheme: dark) {
35
+ :root {
36
+ --mocha-color: #fff;
37
+ --mocha-bg-color: #222;
38
+ --mocha-pass-icon-color: #00d6b2;
39
+ --mocha-pass-color: #222;
40
+ --mocha-pass-shadow-color: rgba(255,255,255,.2);
41
+ --mocha-pass-mediump-color: #f1be67;
42
+ --mocha-pass-slow-color: #f49896;
43
+ --mocha-test-pending-color: #0b97c4;
44
+ --mocha-test-pending-icon-color: #0b97c4;
45
+ --mocha-test-fail-color: #f44;
46
+ --mocha-test-fail-icon-color: #f44;
47
+ --mocha-test-fail-pre-color: #fff;
48
+ --mocha-test-fail-pre-error-color: #f44;
49
+ --mocha-test-html-error-color: #fff;
50
+ --mocha-box-shadow-color: #444;
51
+ --mocha-box-bottom-color: #555;
52
+ --mocha-test-replay-color: #fff;
53
+ --mocha-test-replay-bg-color: #444;
54
+ --mocha-stats-color: #aaa;
55
+ --mocha-stats-em-color: #fff;
56
+ --mocha-stats-hover-color: #444;
57
+ --mocha-error-color: #f44;
58
+
59
+ --mocha-code-comment: #ddd;
60
+ --mocha-code-init: #9cc7f1;
61
+ --mocha-code-string: #80d4ff;
62
+ --mocha-code-keyword: #e3a470;
63
+ --mocha-code-number: #4ca7ff;
64
+ }
65
+ }
66
+
3
67
  body {
4
68
  margin:0;
69
+ background-color: var(--mocha-bg-color);
70
+ color: var(--mocha-color);
5
71
  }
6
72
 
7
73
  #mocha {
@@ -69,11 +135,11 @@ body {
69
135
  }
70
136
 
71
137
  #mocha .test.pass.medium .duration {
72
- background: #c09853;
138
+ background: var(--mocha-pass-mediump-color);
73
139
  }
74
140
 
75
141
  #mocha .test.pass.slow .duration {
76
- background: #b94a48;
142
+ background: var(--mocha-pass-slow-color);
77
143
  }
78
144
 
79
145
  #mocha .test.pass::before {
@@ -82,17 +148,17 @@ body {
82
148
  display: block;
83
149
  float: left;
84
150
  margin-right: 5px;
85
- color: #00d6b2;
151
+ color: var(--mocha-pass-icon-color);
86
152
  }
87
153
 
88
154
  #mocha .test.pass .duration {
89
155
  font-size: 9px;
90
156
  margin-left: 5px;
91
157
  padding: 2px 5px;
92
- color: #fff;
93
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
94
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
95
- box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
158
+ color: var(--mocha-pass-color);
159
+ -webkit-box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
160
+ -moz-box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
161
+ box-shadow: inset 0 1px 1px var(--mocha-pass-shadow-color);
96
162
  -webkit-border-radius: 5px;
97
163
  -moz-border-radius: 5px;
98
164
  -ms-border-radius: 5px;
@@ -105,20 +171,20 @@ body {
105
171
  }
106
172
 
107
173
  #mocha .test.pending {
108
- color: #0b97c4;
174
+ color: var(--mocha-test-pending-color);
109
175
  }
110
176
 
111
177
  #mocha .test.pending::before {
112
178
  content: '◦';
113
- color: #0b97c4;
179
+ color: var(--mocha-test-pending-icon-color);
114
180
  }
115
181
 
116
182
  #mocha .test.fail {
117
- color: #c00;
183
+ color: var(--mocha-test-fail-color);
118
184
  }
119
185
 
120
186
  #mocha .test.fail pre {
121
- color: black;
187
+ color: var(--mocha-test-fail-pre-color);
122
188
  }
123
189
 
124
190
  #mocha .test.fail::before {
@@ -127,35 +193,35 @@ body {
127
193
  display: block;
128
194
  float: left;
129
195
  margin-right: 5px;
130
- color: #c00;
196
+ color: var(--mocha-test-fail-icon-color);
131
197
  }
132
198
 
133
199
  #mocha .test pre.error {
134
- color: #c00;
200
+ color: var(--mocha-test-fail-pre-error-color);
135
201
  max-height: 300px;
136
202
  overflow: auto;
137
203
  }
138
204
 
139
205
  #mocha .test .html-error {
140
206
  overflow: auto;
141
- color: black;
207
+ color: var(--mocha-test-html-error-color);
142
208
  display: block;
143
209
  float: left;
144
210
  clear: left;
145
211
  font: 12px/1.5 monaco, monospace;
146
212
  margin: 5px;
147
213
  padding: 15px;
148
- border: 1px solid #eee;
214
+ border: 1px solid var(--mocha-box-shadow-color);
149
215
  max-width: 85%; /*(1)*/
150
216
  max-width: -webkit-calc(100% - 42px);
151
217
  max-width: -moz-calc(100% - 42px);
152
218
  max-width: calc(100% - 42px); /*(2)*/
153
219
  max-height: 300px;
154
220
  word-wrap: break-word;
155
- border-bottom-color: #ddd;
156
- -webkit-box-shadow: 0 1px 3px #eee;
157
- -moz-box-shadow: 0 1px 3px #eee;
158
- box-shadow: 0 1px 3px #eee;
221
+ border-bottom-color: var(--mocha-box-bottom-color);
222
+ -webkit-box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
223
+ -moz-box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
224
+ box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
159
225
  -webkit-border-radius: 3px;
160
226
  -moz-border-radius: 3px;
161
227
  border-radius: 3px;
@@ -187,16 +253,16 @@ body {
187
253
  font: 12px/1.5 monaco, monospace;
188
254
  margin: 5px;
189
255
  padding: 15px;
190
- border: 1px solid #eee;
256
+ border: 1px solid var(--mocha-box-shadow-color);
191
257
  max-width: 85%; /*(1)*/
192
258
  max-width: -webkit-calc(100% - 42px);
193
259
  max-width: -moz-calc(100% - 42px);
194
260
  max-width: calc(100% - 42px); /*(2)*/
195
261
  word-wrap: break-word;
196
- border-bottom-color: #ddd;
197
- -webkit-box-shadow: 0 1px 3px #eee;
198
- -moz-box-shadow: 0 1px 3px #eee;
199
- box-shadow: 0 1px 3px #eee;
262
+ border-bottom-color: var(--mocha-box-bottom-color);
263
+ -webkit-box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
264
+ -moz-box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
265
+ box-shadow: 0 1px 3px var(--mocha-box-shadow-color);
200
266
  -webkit-border-radius: 3px;
201
267
  -moz-border-radius: 3px;
202
268
  border-radius: 3px;
@@ -217,7 +283,7 @@ body {
217
283
  height: 15px;
218
284
  line-height: 15px;
219
285
  text-align: center;
220
- background: #eee;
286
+ background: var(--mocha-test-replay-bg-color);
221
287
  font-size: 15px;
222
288
  -webkit-border-radius: 15px;
223
289
  -moz-border-radius: 15px;
@@ -226,11 +292,12 @@ body {
226
292
  -moz-transition:opacity 200ms;
227
293
  -o-transition:opacity 200ms;
228
294
  transition: opacity 200ms;
229
- opacity: 0.3;
230
- color: #888;
295
+ opacity: 0.7;
296
+ color: var(--mocha-test-replay-color);
231
297
  }
232
298
 
233
299
  #mocha .test:hover a.replay {
300
+ box-shadow: 0 0 1px inset var(--mocha-test-replay-color);
234
301
  opacity: 1;
235
302
  }
236
303
 
@@ -251,7 +318,7 @@ body {
251
318
  }
252
319
 
253
320
  #mocha-error {
254
- color: #c00;
321
+ color: var(--mocha-error-color);
255
322
  font-size: 1.5em;
256
323
  font-weight: 100;
257
324
  letter-spacing: 1px;
@@ -263,7 +330,7 @@ body {
263
330
  right: 10px;
264
331
  font-size: 12px;
265
332
  margin: 0;
266
- color: #888;
333
+ color: var(--mocha-stats-color);
267
334
  z-index: 1;
268
335
  }
269
336
 
@@ -284,7 +351,7 @@ body {
284
351
  }
285
352
 
286
353
  #mocha-stats em {
287
- color: black;
354
+ color: var(--mocha-stats-em-color);
288
355
  }
289
356
 
290
357
  #mocha-stats a {
@@ -293,7 +360,7 @@ body {
293
360
  }
294
361
 
295
362
  #mocha-stats a:hover {
296
- border-bottom: 1px solid #eee;
363
+ border-bottom: 1px solid var(--mocha-stats-hover-color);
297
364
  }
298
365
 
299
366
  #mocha-stats li {
@@ -308,11 +375,11 @@ body {
308
375
  height: 40px;
309
376
  }
310
377
 
311
- #mocha code .comment { color: #ddd; }
312
- #mocha code .init { color: #2f6fad; }
313
- #mocha code .string { color: #5890ad; }
314
- #mocha code .keyword { color: #8a6343; }
315
- #mocha code .number { color: #2f6fad; }
378
+ #mocha code .comment { color: var(--mocha-code-comment); }
379
+ #mocha code .init { color: var(--mocha-code-init); }
380
+ #mocha code .string { color: var(--mocha-code-string); }
381
+ #mocha code .keyword { color: var(--mocha-code-keyword); }
382
+ #mocha code .number { color: var(--mocha-code-number); }
316
383
 
317
384
  @media screen and (max-device-width: 480px) {
318
385
  #mocha {