From 3135197476ad9cfbc4394ff857f8124e9e92941b Mon Sep 17 00:00:00 2001
From: Dhyan Rai <172551908+raaid3@users.noreply.github.com>
Date: Tue, 1 Jul 2025 07:29:55 -0400
Subject: [PATCH] fix(theme-picker): ensure color input is updated correctly in
 updateColors function (@raaid3) (#6678)

### 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
---
 frontend/src/ts/elements/settings/theme-picker.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/ts/elements/settings/theme-picker.ts b/frontend/src/ts/elements/settings/theme-picker.ts
index 59bf783ea..b269664ad 100644
--- 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> {