# Legend Color

**URL:** https://discuss.elastic.co/t/legend-color/265310
**Category:** Kibana
**Created:** [February 24, 2021, 9:46am UTC](https://discuss.elastic.co/t/legend-color/265310 "2021-02-24T09:46:25Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![NourBM](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nourbm/32/84451_2.png) [@NourBM](https://discuss.elastic.co/u/NourBM)
#### Post date: [February 24, 2021, 9:46am UTC](https://discuss.elastic.co/t/legend-color/265310/1 "2021-02-24T09:46:25Z")

</div>

Hi , Is there any way where i can make the color for up= Green and down= RED, instead of default colors provided by Kibana as shown below. and also when you click on down area then Graph shows GREEN which should be RED for me.  
{  
"$schema": "[https://vega.github.io/schema/vega-lite/v4.json](https://vega.github.io/schema/vega-lite/v4.json)",  
"description": "A simple bar chart with embedded data.",  
"data": {  
"values": [  
{  
"a": "Java",  
"b": "working"  
},  
{  
"a": "Java",  
"b": "sleeping"  
},  
{  
"a": "Java",  
"b": "unknown"  
}  
]  
},  
"mark": "circle",  
"encoding": {  
"x": {  
"field": "a",  
"type": "nominal"  
},  
"y": {  
"field": "b",  
"type": "nominal"  
},  
"color": {  
"field": "b",  
"type": "nominal"  
}  
},  
"config": {  
"range": {  
"category": {  
"scheme": "elastic"  
}  
},  
"mark": {  
"color": "#54B399"  
},  
"title": {  
"color": "#343741"  
},  
"style": {  
"guide-label": {  
"fill": "#69707d"  
},  
"guide-title": {  
"fill": "#343741"  
},  
"group-title": {  
"fill": "#343741"  
},  
"group-subtitle": {  
"fill": "#343741"  
}  
},  
"axis": {  
"tickColor": "#eef0f3",  
"domainColor": "#eef0f3",  
"gridColor": "#eef0f3"  
},  
"background": "transparent"  
},  
"width": "container",  
"height": "container",  
"autosize": {  
"type": "fit",  
"contains": "padding"  
}  
}

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [February 24, 2021, 12:45pm UTC](https://discuss.elastic.co/t/legend-color/265310/2 "2021-02-24T12:45:17Z")

</div>

It seems like you meant to attach a screenshot, but there is none. Could you edit your post?

---

<div class="post-metadata">

### Author: ![NourBM](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nourbm/32/84451_2.png) [@NourBM](https://discuss.elastic.co/u/NourBM)
#### Post date: [February 24, 2021, 1:28pm UTC](https://discuss.elastic.co/t/legend-color/265310/3 "2021-02-24T13:28:28Z")

</div>

Thank you, i added the screenshot, it's not well done but want i want to reach now is that the running mode in the legend is colored Green, unknown is Yellow and sleeping in Red

---

<div class="post-metadata">

### Author: ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)
#### Post date: [February 24, 2021, 1:53pm UTC](https://discuss.elastic.co/t/legend-color/265310/4 "2021-02-24T13:53:42Z")

</div>

Looks like you may have posted the same question twice? [Legend Color](https://discuss.elastic.co/t/legend-color/265308)

---

<div class="post-metadata">

### Author: ![NourBM](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nourbm/32/84451_2.png) [@NourBM](https://discuss.elastic.co/u/NourBM)
#### Post date: [February 24, 2021, 2:10pm UTC](https://discuss.elastic.co/t/legend-color/265310/5 "2021-02-24T14:10:37Z")

</div>

yes i did, should i delete one of them?

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [February 24, 2021, 2:35pm UTC](https://discuss.elastic.co/t/legend-color/265310/6 "2021-02-24T14:35:21Z")

</div>

This is a vega chart, please go to your chart, Inspect, Switch the View to "Vega debug" and copy/paste the contents of the "spec" tab here?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [March 24, 2021, 2:35pm UTC](https://discuss.elastic.co/t/legend-color/265310/7 "2021-03-24T14:35:35Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
