|
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