Commit 71d06de6 authored by Benedikt Meurer's avatar Benedikt Meurer Committed by Commit Bot

[devtools] Improve code coverage color selection.

The color selection for code coverage (red+green) is not ideal for
developers that are impacted by color blindness. This changes the
colors to a brighter red and some blueish green that, a combination
that is known to work well enough for people impacted by different
kinds of color blindness.

https://pbs.twimg.com/media/EEU9fCzUUAItz4n?format=jpg shows an
example of how these two colors look like now.

Bug: chromium:1003671
Change-Id: I9c3e08fb350a6086624d63f44e069813c618588e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1801762
Auto-Submit: Benedikt Meurer <bmeurer@chromium.org>
Commit-Queue: Yang Guo <yangguo@chromium.org>
Reviewed-by: default avatarYang Guo <yangguo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#696727}
parent 23e62bde
...@@ -43,11 +43,11 @@ ...@@ -43,11 +43,11 @@
} }
.data-grid td .bar-unused-size { .data-grid td .bar-unused-size {
background-color: #E57373; background-color: #EE442F;
} }
.data-grid td .bar-used-size { .data-grid td .bar-used-size {
background-color: #81C784; background-color: #63ACBE;
} }
.data-grid td .percent-value { .data-grid td .percent-value {
......
...@@ -437,7 +437,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket { ...@@ -437,7 +437,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
.CodeMirror .text-editor-coverage-unused-marker { .CodeMirror .text-editor-coverage-unused-marker {
text-align: right; text-align: right;
padding-right: 2px; padding-right: 2px;
background-color: #E57373; background-color: #EE442F;
} }
.CodeMirror .text-editor-coverage-unused-marker::after { .CodeMirror .text-editor-coverage-unused-marker::after {
...@@ -447,7 +447,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket { ...@@ -447,7 +447,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
.CodeMirror .text-editor-coverage-used-marker { .CodeMirror .text-editor-coverage-used-marker {
text-align: right; text-align: right;
padding-right: 2px; padding-right: 2px;
background-color: #81C784; background-color: #63ACBE;
} }
.CodeMirror .text-editor-coverage-used-marker::after { .CodeMirror .text-editor-coverage-used-marker::after {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment