### **What is the buggy behavior?**

* There following widgets do not display with sufficient colour contrast:

* Work Packages Overview

* bar charts _(this was initially addressed in <mention class="mention" data-id="64230" data-type="work_package" data-text="#64230">#64230</mention> , but needs to be revisited as the solution breaks rendering of non-bar graphs with newer versions of the charting library)_

* Work Packages Graph

* bar/horizontal bar charts

* doughnut

* line

* pie

* polar area

* radar


### What is the expected behavior?

* The contrast should be at least

* 4,5:1 for text

* 3:1 for background color Begin of the insertionor border colourEnd of the insertion in the graph Begin of the insertion

* Use primer&#39;s colour scale

* Background: `--display-${color}-scale-2`

* Border: `--display-${color}-scale-6`End of the insertion


**Browser**

* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Operating System**

* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)

**Language**

_en\_GB_