fix(theme-picker): ensure color input is updated correctly in updateColors function (@raaid3) (monkeytypegame#6678)

raaid3 · web-flow · commit 3135197476ad · 2025-07-01T13:29:55.000+02:00
### Description The input of type color doesn't properly get updated when the text input for setting a custom color is modified with a value. Video: https://github.com/user-attachments/assets/87bcc3fd-a71c-460f-adb6-94945efb8b1f
diff --git a/frontend/src/ts/elements/settings/theme-picker.ts b/frontend/src/ts/elements/settings/theme-picker.ts
@@ -59,6 +59,7 @@ function updateColors(
     }
     colorPicker.find("input.input").val(color);
     colorPicker.find("input.color").attr("value", color);
+    colorPicker.find("input.color").val(color);
     return;
   }
   const colorREGEX = [
@@ -114,6 +115,7 @@ function updateColors(
   }
   colorPicker.find("input.input").val(color);
   colorPicker.find("input.color").attr("value", color);
+  colorPicker.find("input.color").val(color);
 }
 
 export async function refreshPresetButtons(): Promise<void> {

Original file line number	Diff line number	Diff line change
`@@ -59,6 +59,7 @@ function updateColors(`
`59`	`59`	`}`
`60`	`60`	`colorPicker.find("input.input").val(color);`
`61`	`61`	`colorPicker.find("input.color").attr("value", color);`
	`62`	`+ colorPicker.find("input.color").val(color);`
`62`	`63`	`return;`
`63`	`64`	`}`
`64`	`65`	`const colorREGEX = [`
`@@ -114,6 +115,7 @@ function updateColors(`
`114`	`115`	`}`
`115`	`116`	`colorPicker.find("input.input").val(color);`
`116`	`117`	`colorPicker.find("input.color").attr("value", color);`
	`118`	`+ colorPicker.find("input.color").val(color);`
`117`	`119`	`}`
`118`	`120`
`119`	`121`	`export async function refreshPresetButtons(): Promise<void> {`