From 9400f2b9e12fecf143bb24390249ebdeed9378f4 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Thu, 22 Aug 2024 09:41:25 +0200
Subject: [PATCH] refactor: Update CreateThemePage component to dynamically
 generate theme data

---
 src/components/create-theme.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/create-theme.tsx b/src/components/create-theme.tsx
index 2867328..a2eabdd 100644
--- a/src/components/create-theme.tsx
+++ b/src/components/create-theme.tsx
@@ -111,6 +111,9 @@ export default function CreateThemePage() {
     if (dialogBg !== (isDarkMode ? defaultStyles.dialogBg.dark : defaultStyles.dialogBg.light)) {
       theme["dialogBg"] = dialogBg
     }
+    if (COLORS.indexOf(selectedColor) !== 0) {
+      theme["accentColor"] = selectedColor;
+    }
     return JSON.stringify(theme, null, 4);
   }
 
@@ -135,6 +138,10 @@ export default function CreateThemePage() {
               style={{ backgroundColor: color }}
             ></div>
           ))}
+          <div className="mx-4">
+            or
+          </div>
+          <input type="color" value={selectedColor} onChange={(e) => setSelectedColor(e.target.value)} className="w-9 h-7 rounded cursor-pointer outline-none" />
         </div>
         <div className="flex flex-col lg:flex-row">
           <div className="w-full">