diff --git a/mocha.css b/mocha.css index e0068ba1c7..51cd0c16f7 100644 --- a/mocha.css +++ b/mocha.css @@ -5,7 +5,7 @@ --mocha-bg-color: #fff; --mocha-pass-icon-color: #00d6b2; --mocha-pass-color: #fff; - --mocha-pass-shadow-color: rgba(0,0,0,.2); + --mocha-pass-shadow-color: rgba(0, 0, 0, 0.2); --mocha-pass-mediump-color: #c09853; --mocha-pass-slow-color: #b94a48; --mocha-test-pending-color: #0b97c4; @@ -27,7 +27,7 @@ --mocha-progress-text-color: #000; --mocha-error-color: #c00; - --mocha-code-comment: #ddd; + --mocha-code-comment: #ddd; --mocha-code-init: #2f6fad; --mocha-code-string: #5890ad; --mocha-code-keyword: #8a6343; @@ -36,48 +36,48 @@ @media (prefers-color-scheme: dark) { :root { - --mocha-color: #fff; - --mocha-bg-color: #222; - --mocha-pass-icon-color: #00d6b2; - --mocha-pass-color: #222; - --mocha-pass-shadow-color: rgba(255,255,255,.2); - --mocha-pass-mediump-color: #f1be67; - --mocha-pass-slow-color: #f49896; - --mocha-test-pending-color: #0b97c4; - --mocha-test-pending-icon-color: #0b97c4; - --mocha-test-fail-color: #f44; - --mocha-test-fail-icon-color: #f44; - --mocha-test-fail-pre-color: #fff; - --mocha-test-fail-pre-error-color: #f44; - --mocha-test-html-error-color: #fff; - --mocha-box-shadow-color: #444; - --mocha-box-bottom-color: #555; - --mocha-test-replay-color: #fff; - --mocha-test-replay-bg-color: #444; - --mocha-stats-color: #aaa; - --mocha-stats-em-color: #fff; - --mocha-stats-hover-color: #444; - --mocha-progress-ring-color: #444; - --mocha-progress-ring-highlight-color: #888; - --mocha-progress-text-color: #fff; - --mocha-error-color: #f44; - - --mocha-code-comment: #ddd; - --mocha-code-init: #9cc7f1; - --mocha-code-string: #80d4ff; - --mocha-code-keyword: #e3a470; - --mocha-code-number: #4ca7ff; + --mocha-color: #fff; + --mocha-bg-color: #222; + --mocha-pass-icon-color: #00d6b2; + --mocha-pass-color: #222; + --mocha-pass-shadow-color: rgba(255, 255, 255, 0.2); + --mocha-pass-mediump-color: #f1be67; + --mocha-pass-slow-color: #f49896; + --mocha-test-pending-color: #0b97c4; + --mocha-test-pending-icon-color: #0b97c4; + --mocha-test-fail-color: #f44; + --mocha-test-fail-icon-color: #f44; + --mocha-test-fail-pre-color: #fff; + --mocha-test-fail-pre-error-color: #f44; + --mocha-test-html-error-color: #fff; + --mocha-box-shadow-color: #444; + --mocha-box-bottom-color: #555; + --mocha-test-replay-color: #fff; + --mocha-test-replay-bg-color: #444; + --mocha-stats-color: #aaa; + --mocha-stats-em-color: #fff; + --mocha-stats-hover-color: #444; + --mocha-progress-ring-color: #444; + --mocha-progress-ring-highlight-color: #888; + --mocha-progress-text-color: #fff; + --mocha-error-color: #f44; + + --mocha-code-comment: #ddd; + --mocha-code-init: #9cc7f1; + --mocha-code-string: #80d4ff; + --mocha-code-keyword: #e3a470; + --mocha-code-number: #4ca7ff; } } body { - margin:0; + margin: 0; background-color: var(--mocha-bg-color); color: var(--mocha-color); } #mocha { - font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; + font: 20px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 60px 50px; } @@ -113,7 +113,7 @@ body { #mocha .suite .suite h1 { margin-top: 0; - font-size: .8em; + font-size: 0.8em; } #mocha .hidden { @@ -294,9 +294,9 @@ body { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; - -webkit-transition:opacity 200ms; - -moz-transition:opacity 200ms; - -o-transition:opacity 200ms; + -webkit-transition: opacity 200ms; + -moz-transition: opacity 200ms; + -o-transition: opacity 200ms; transition: opacity 200ms; opacity: 0.7; color: var(--mocha-test-replay-color); @@ -428,11 +428,21 @@ body { padding-top: 11px; } -#mocha code .comment { color: var(--mocha-code-comment); } -#mocha code .init { color: var(--mocha-code-init); } -#mocha code .string { color: var(--mocha-code-string); } -#mocha code .keyword { color: var(--mocha-code-keyword); } -#mocha code .number { color: var(--mocha-code-number); } +#mocha code .comment { + color: var(--mocha-code-comment); +} +#mocha code .init { + color: var(--mocha-code-init); +} +#mocha code .string { + color: var(--mocha-code-string); +} +#mocha code .keyword { + color: var(--mocha-code-keyword); +} +#mocha code .number { + color: var(--mocha-code-number); +} @media screen and (max-device-width: 480px) { #mocha {