🌐 Appearance Colors

public/locales/en/settings/customization/color-selector.json

@@ -1,4 +1,6 @@
 {
   "colors": "Colors",
-  "suffix": "{{color}} color"
+  "suffix": "{{color}} color",
+  "primary": "Primary",
+  "secondary": "Secondary"
 }

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>
   );