style(telemetry): dim the Locust annotation colour

Use `rgb(15, 122, 102)` instead of `rgb(25, 158, 112)`: the brighter step drew
too much attention for a background band.

This is the darkest teal that still separates from the JMeter grey by a readable
margin -- normal-vision dE 15.6 against a floor of 15, CVD dE 12.3 against a
target of 8, and at least 3:1 on the dark surface. Dimmer steps fail: rgb(25,
100, 90) lands at dE 9.5, and a grey-derived rgb(25, 70, 70) at dE 5.8, which is
indistinguishable from the JMeter grey even with full colour vision.
This commit is contained in:
Pratik Mankawde
2026-08-20 19:16:21 +01:00
parent 3ed5baf485
commit e54d81a644
16 changed files with 24 additions and 22 deletions

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -51,7 +51,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -37,7 +37,7 @@
},
"enable": true,
"hide": false,
"iconColor": "rgb(25, 158, 112)",
"iconColor": "rgb(15, 122, 102)",
"name": "Perf Runs (Locust)",
"target": {
"limit": 100,

View File

@@ -1995,10 +1995,10 @@ shaded band covers exactly the interval over which the load was applied.
Every dashboard carries two tag-matched annotation layers, one per load driver:
| Layer | Tags | Color |
| -------------------- | --------------------- | ----- |
| `Perf Runs (JMeter)` | `perf-iac` + `jmeter` | grey |
| `Perf Runs (Locust)` | `perf-iac` + `locust` | aqua |
| Layer | Tags | Color |
| -------------------- | --------------------- | --------- |
| `Perf Runs (JMeter)` | `perf-iac` + `jmeter` | grey |
| `Perf Runs (Locust)` | `perf-iac` + `locust` | dark teal |
Both layers set `matchAny: false`, so a region is drawn only if it carries
**both** of the layer's tags — the tag list is an AND, not an OR. Grafana tag
@@ -2028,9 +2028,11 @@ Two rendering limits are worth knowing. Grafana draws annotations only on time
series, state timeline and candlestick panels, so on a board of mostly stats and
gauges most panels show no band. And the shaded fill is rendered at 10% opacity,
so the two drivers' colours are near-identical inside the band; the region's two
full-colour dashed edges and the toolbar toggles are what tell them apart. The
JMeter grey sits below the 3:1 contrast floor on the dark theme, so its edges
read faint there; the Locust aqua clears it in both themes.
full-colour dashed edges and the toolbar toggles are what tell them apart. Both
colours are deliberately muted so a band never competes with the data; the Locust
teal is the darkest step that still separates from the JMeter grey by a readable
margin. The grey itself sits below the 3:1 contrast floor on the dark theme, so
its edges read faint there.
### Who owns which attribute