From 6ccc591bbfa3ad7d0d7bacfa14b0765c92cff964 Mon Sep 17 00:00:00 2001
From: Tagaishi <tagaishi@hotmail.ch>
Date: Sun, 13 Aug 2023 23:11:56 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=90=20Appearance=20Colors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/locales/en/settings/customization/color-selector.json  | 4 +++-
 src/components/Settings/Customization/Theme/ColorSelector.tsx | 4 +---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/locales/en/settings/customization/color-selector.json b/public/locales/en/settings/customization/color-selector.json
index 19f42e95b..c0555e249 100644
--- a/public/locales/en/settings/customization/color-selector.json
+++ b/public/locales/en/settings/customization/color-selector.json
@@ -1,4 +1,6 @@
 {
   "colors": "Colors",
-  "suffix": "{{color}} color"
+  "suffix": "{{color}} color",
+  "primary": "Primary",
+  "secondary": "Secondary"
 }
\ No newline at end of file
diff --git a/src/components/Settings/Customization/Theme/ColorSelector.tsx b/src/components/Settings/Customization/Theme/ColorSelector.tsx
index c3ae8aae2..5c3941ace 100644
--- a/src/components/Settings/Customization/Theme/ColorSelector.tsx
+++ b/src/components/Settings/Customization/Theme/ColorSelector.tsx
@@ -99,9 +99,7 @@ export function ColorSelector({ type, defaultValue }: ColorControlProps) {
         </Popover.Dropdown>
       </Popover>
       <Text>
-        {t('suffix', {
-          color: type[0].toUpperCase() + type.slice(1),
-        })}
+        {t('suffix', {color: t(type)})}
       </Text>
     </Group>
   );