|
5 | 5 | --mocha-bg-color: #fff; |
6 | 6 | --mocha-pass-icon-color: #00d6b2; |
7 | 7 | --mocha-pass-color: #fff; |
8 | | - --mocha-pass-shadow-color: rgba(0,0,0,.2); |
| 8 | + --mocha-pass-shadow-color: rgba(0, 0, 0, 0.2); |
9 | 9 | --mocha-pass-mediump-color: #c09853; |
10 | 10 | --mocha-pass-slow-color: #b94a48; |
11 | 11 | --mocha-test-pending-color: #0b97c4; |
|
27 | 27 | --mocha-progress-text-color: #000; |
28 | 28 | --mocha-error-color: #c00; |
29 | 29 |
|
30 | | - --mocha-code-comment: #ddd; |
| 30 | + --mocha-code-comment: #ddd; |
31 | 31 | --mocha-code-init: #2f6fad; |
32 | 32 | --mocha-code-string: #5890ad; |
33 | 33 | --mocha-code-keyword: #8a6343; |
|
36 | 36 |
|
37 | 37 | @media (prefers-color-scheme: dark) { |
38 | 38 | :root { |
39 | | - --mocha-color: #fff; |
40 | | - --mocha-bg-color: #222; |
41 | | - --mocha-pass-icon-color: #00d6b2; |
42 | | - --mocha-pass-color: #222; |
43 | | - --mocha-pass-shadow-color: rgba(255,255,255,.2); |
44 | | - --mocha-pass-mediump-color: #f1be67; |
45 | | - --mocha-pass-slow-color: #f49896; |
46 | | - --mocha-test-pending-color: #0b97c4; |
47 | | - --mocha-test-pending-icon-color: #0b97c4; |
48 | | - --mocha-test-fail-color: #f44; |
49 | | - --mocha-test-fail-icon-color: #f44; |
50 | | - --mocha-test-fail-pre-color: #fff; |
51 | | - --mocha-test-fail-pre-error-color: #f44; |
52 | | - --mocha-test-html-error-color: #fff; |
53 | | - --mocha-box-shadow-color: #444; |
54 | | - --mocha-box-bottom-color: #555; |
55 | | - --mocha-test-replay-color: #fff; |
56 | | - --mocha-test-replay-bg-color: #444; |
57 | | - --mocha-stats-color: #aaa; |
58 | | - --mocha-stats-em-color: #fff; |
59 | | - --mocha-stats-hover-color: #444; |
60 | | - --mocha-progress-ring-color: #444; |
61 | | - --mocha-progress-ring-highlight-color: #888; |
62 | | - --mocha-progress-text-color: #fff; |
63 | | - --mocha-error-color: #f44; |
64 | | - |
65 | | - --mocha-code-comment: #ddd; |
66 | | - --mocha-code-init: #9cc7f1; |
67 | | - --mocha-code-string: #80d4ff; |
68 | | - --mocha-code-keyword: #e3a470; |
69 | | - --mocha-code-number: #4ca7ff; |
| 39 | + --mocha-color: #fff; |
| 40 | + --mocha-bg-color: #222; |
| 41 | + --mocha-pass-icon-color: #00d6b2; |
| 42 | + --mocha-pass-color: #222; |
| 43 | + --mocha-pass-shadow-color: rgba(255, 255, 255, 0.2); |
| 44 | + --mocha-pass-mediump-color: #f1be67; |
| 45 | + --mocha-pass-slow-color: #f49896; |
| 46 | + --mocha-test-pending-color: #0b97c4; |
| 47 | + --mocha-test-pending-icon-color: #0b97c4; |
| 48 | + --mocha-test-fail-color: #f44; |
| 49 | + --mocha-test-fail-icon-color: #f44; |
| 50 | + --mocha-test-fail-pre-color: #fff; |
| 51 | + --mocha-test-fail-pre-error-color: #f44; |
| 52 | + --mocha-test-html-error-color: #fff; |
| 53 | + --mocha-box-shadow-color: #444; |
| 54 | + --mocha-box-bottom-color: #555; |
| 55 | + --mocha-test-replay-color: #fff; |
| 56 | + --mocha-test-replay-bg-color: #444; |
| 57 | + --mocha-stats-color: #aaa; |
| 58 | + --mocha-stats-em-color: #fff; |
| 59 | + --mocha-stats-hover-color: #444; |
| 60 | + --mocha-progress-ring-color: #444; |
| 61 | + --mocha-progress-ring-highlight-color: #888; |
| 62 | + --mocha-progress-text-color: #fff; |
| 63 | + --mocha-error-color: #f44; |
| 64 | + |
| 65 | + --mocha-code-comment: #ddd; |
| 66 | + --mocha-code-init: #9cc7f1; |
| 67 | + --mocha-code-string: #80d4ff; |
| 68 | + --mocha-code-keyword: #e3a470; |
| 69 | + --mocha-code-number: #4ca7ff; |
70 | 70 | } |
71 | 71 | } |
72 | 72 |
|
73 | 73 | body { |
74 | | - margin:0; |
| 74 | + margin: 0; |
75 | 75 | background-color: var(--mocha-bg-color); |
76 | 76 | color: var(--mocha-color); |
77 | 77 | } |
78 | 78 |
|
79 | 79 | #mocha { |
80 | | - font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 80 | + font: 20px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; |
81 | 81 | margin: 60px 50px; |
82 | 82 | } |
83 | 83 |
|
@@ -113,7 +113,7 @@ body { |
113 | 113 |
|
114 | 114 | #mocha .suite .suite h1 { |
115 | 115 | margin-top: 0; |
116 | | - font-size: .8em; |
| 116 | + font-size: 0.8em; |
117 | 117 | } |
118 | 118 |
|
119 | 119 | #mocha .hidden { |
@@ -294,9 +294,9 @@ body { |
294 | 294 | -webkit-border-radius: 15px; |
295 | 295 | -moz-border-radius: 15px; |
296 | 296 | border-radius: 15px; |
297 | | - -webkit-transition:opacity 200ms; |
298 | | - -moz-transition:opacity 200ms; |
299 | | - -o-transition:opacity 200ms; |
| 297 | + -webkit-transition: opacity 200ms; |
| 298 | + -moz-transition: opacity 200ms; |
| 299 | + -o-transition: opacity 200ms; |
300 | 300 | transition: opacity 200ms; |
301 | 301 | opacity: 0.7; |
302 | 302 | color: var(--mocha-test-replay-color); |
@@ -428,11 +428,21 @@ body { |
428 | 428 | padding-top: 11px; |
429 | 429 | } |
430 | 430 |
|
431 | | -#mocha code .comment { color: var(--mocha-code-comment); } |
432 | | -#mocha code .init { color: var(--mocha-code-init); } |
433 | | -#mocha code .string { color: var(--mocha-code-string); } |
434 | | -#mocha code .keyword { color: var(--mocha-code-keyword); } |
435 | | -#mocha code .number { color: var(--mocha-code-number); } |
| 431 | +#mocha code .comment { |
| 432 | + color: var(--mocha-code-comment); |
| 433 | +} |
| 434 | +#mocha code .init { |
| 435 | + color: var(--mocha-code-init); |
| 436 | +} |
| 437 | +#mocha code .string { |
| 438 | + color: var(--mocha-code-string); |
| 439 | +} |
| 440 | +#mocha code .keyword { |
| 441 | + color: var(--mocha-code-keyword); |
| 442 | +} |
| 443 | +#mocha code .number { |
| 444 | + color: var(--mocha-code-number); |
| 445 | +} |
436 | 446 |
|
437 | 447 | @media screen and (max-device-width: 480px) { |
438 | 448 | #mocha { |
|
0 commit comments