queeueueueu chart

packages/client/FOUNDKEY.md

@@ -9,4 +9,6 @@
 - aca724e0bfff3e58b4d273f3ee744e3f3aa9c39b: enable to fetch replies recursively
 - 2fe64c11502fd8d89c126558cd715e095c83754e: Refactor components/page/page.textarea.vue to composition API
 - 6d3181f9835955e5b79bde5484c74bd70e7f9535: Refactor components/page/page.text.vue to composition API
-- b630cd7eacd695bb705e6748c87f38425ec4ed45:  refactor: add NoteReactions.packMany 
+- b630cd7eacd695bb705e6748c87f38425ec4ed45:  refactor: add NoteReactions.packMany
+- 3fe351df6d4e21f7748c46adfa6ca165abd030c0: fix: catch errors from packing with detail
+- 63591da33e233b2ed0ab331ae6bb3c9eff5020ae: refactor: colours in queue chart 

packages/client/src/components/queue-chart.vue

@@ -72,8 +72,8 @@ export default defineComponent({
 						tension: 0,
 						borderWidth: 2,
 						borderJoinStyle: 'round',
-						borderColor: '#00E396',
-						backgroundColor: '#00E3961A',
+						borderColor: '#9ccfd8',
+						backgroundColor: '#9ccfd81A',
 						data: []
 					}, {
 						label: 'Active',
@@ -81,8 +81,8 @@ export default defineComponent({
 						tension: 0,
 						borderWidth: 2,
 						borderJoinStyle: 'round',
-						borderColor: '#00BCD4',
-						backgroundColor: '#00BCD41A',
+						borderColor: '#31748f',
+						backgroundColor: '#31748f1A',
 						data: []
 					}, {
 						label: 'Waiting',
@@ -90,8 +90,8 @@ export default defineComponent({
 						tension: 0,
 						borderWidth: 2,
 						borderJoinStyle: 'round',
-						borderColor: '#FFB300',
-						backgroundColor: '#FFB3001A',
+						borderColor: '#f6c177',
+						backgroundColor: '#f6c1771A',
 						yAxisID: 'y2',
 						data: []
 					}, {
@@ -100,7 +100,7 @@ export default defineComponent({
 						tension: 0,
 						borderWidth: 2,
 						borderJoinStyle: 'round',
-						borderColor: '#E53935',
+						borderColor: '#eb6f92',
 						borderDash: [5, 5],
 						fill: false,
 						yAxisID: 'y2',
@@ -122,7 +122,7 @@ export default defineComponent({
 							grid: {
 								display: true,
 								color: gridColor,
-								borderColor: '#0000',
+								borderColor: '#1f1d2e',
 							},
 							ticks: {
 								display: false,
@@ -135,7 +135,7 @@ export default defineComponent({
 							stackWeight: 2,
 							grid: {
 								color: gridColor,
-								borderColor: '#0000',
+								borderColor: '#1f1d2e',
 							},
 						},
 						y2: {
@@ -145,7 +145,7 @@ export default defineComponent({
 							stackWeight: 1,
 							grid: {
 								color: gridColor,
-								borderColor: '#0000',
+								borderColor: '#1f1d2e',
 							},
 						},
 					},