Clean up icon colors for consistency
- Change Issue icon to be cleaner with 'help' instead of exchange
- Tone down regression and ignored anomalies for less impact
- Consistent color usage
Change-Id: Ibe305388a1c25fc9569547d524e5b1772b8367f8
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/941506
Reviewed-by: Farid (Mojtaba) Faridzad <faridzad@google.com>
Commit-Queue: Tony Seaward <seawardt@google.com>
diff --git a/perf/modules/explore-simple-sk/explore-simple-sk.ts b/perf/modules/explore-simple-sk/explore-simple-sk.ts
index 2be5bfa..601ce26 100644
--- a/perf/modules/explore-simple-sk/explore-simple-sk.ts
+++ b/perf/modules/explore-simple-sk/explore-simple-sk.ts
@@ -801,7 +801,7 @@
@plot-chart-mousedown=${ele.onChartMouseDown}
@selection-changing=${ele.OnSelectionRange}
@selection-changed=${ele.OnSelectionRange}>
- <md-icon slot="untriage">question_exchange</md-icon>
+ <md-icon slot="untriage">help</md-icon>
<md-icon slot="regression">report</md-icon>
<md-icon slot="improvement">check_circle</md-icon>
<md-icon slot="ignored">report_off</md-icon>
diff --git a/perf/modules/plot-google-chart-sk/plot-google-chart-sk.ts b/perf/modules/plot-google-chart-sk/plot-google-chart-sk.ts
index cc6cd9b..1da3a81 100644
--- a/perf/modules/plot-google-chart-sk/plot-google-chart-sk.ts
+++ b/perf/modules/plot-google-chart-sk/plot-google-chart-sk.ts
@@ -76,23 +76,19 @@
font-weight: bolder;
font-size: 24px;
color: darkblue;
+ border: darkblue 1px solid;
}
md-icon.improvement {
- background-color: rgba(3, 151, 3, 1);
- font-weight: bolder;
- border: black 1px solid;
+ background-color: rgba(0, 155, 0, 0.8); /* green */
}
md-icon.untriage {
- background-color: yellow;
- border: magenta 1px solid;
+ background-color: rgba(255, 255, 0, 1); /* yellow */
}
md-icon.regression {
- background-color: violet;
- border: orange 1px solid;
+ background-color: rgba(155, 0, 255, 1); /* purple */
}
md-icon.ignored {
- background-color: grey;
- border: white 1px solid;
+ background-color: rgba(100, 100, 100, 0.8); /* grey */
}
}
