fix: set correct colors for not applicable ono chartts

Author: bellangerq

confiture-web-app/src/components/ChartLegend.vue

@@ -40,6 +40,6 @@
   background-color: var(--background-action-high-error);
 }
 .legend-color.not-applicable {
-  background-color: var(--border-plain-grey);
+  background-color: var(--grey-200-850);
 }
 </style>

confiture-web-app/src/components/StackBarChart.vue

@@ -54,7 +54,7 @@ const chartDatasets = [
   {
     label: "Non applicable",
     data: props.data.map((d) => d.notApplicable.percentage),
-    backgroundColor: getCssVarValue("--background-contrast-grey"),
+    backgroundColor: getCssVarValue("--grey-200-850"),
     barThickness: 16,
   },
 ];

confiture-web-app/src/composables/useChartColorsUpdate.ts

@@ -28,7 +28,7 @@ export function useChartColorsUpdate(
     const newColors = [
       getCssVarValue("--background-action-high-success"),
       getCssVarValue("--background-action-high-error"),
-      getCssVarValue("--border-plain-grey"),
+      getCssVarValue("--grey-200-850"),
     ];
 
     setNewColors(chart, newColors);