Fixed palette not updating label

src/app.js

@@ -96,6 +96,8 @@ for (var i = 1; i < svg.length; i++) {
   svg[i].addEventListener("click", (event) => {
     let paletteColour = event.target.getAttribute("fill")
     HTML.rectangle.style.backgroundColor = paletteColour
+    HTML.picker.value = paletteColour
+    HTML.labelColour.style.backgroundColor = paletteColour
     canvas.setStrokeColour(paletteColour)
     hideElement(HTML.palette)
   })
@@ -112,6 +114,7 @@ function hideElement(element) {
 HTML.picker.addEventListener("change", () => {
   let paletteColour = event.target.value
   HTML.rectangle.style.backgroundColor = paletteColour
+  HTML.labelColour.style.backgroundColor = paletteColour
   canvas.setStrokeColour(paletteColour)
 })
 

src/elements.js

@@ -21,3 +21,4 @@ export const palette = document.getElementById("palette")
 export const rectangle = document.getElementById("rectangle")
 export const wheel = document.getElementById("wheel")
 export const picker = document.getElementById("other-colours")
+export const labelColour = document.getElementById("colours")