diff --git a/public/locales/en.json b/public/locales/en.json
index 933dcea4..5fc5d6ff 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -404,6 +404,7 @@
       "client": "Client",
       "close": "Close",
       "copied_clipboard": "Copied to clipboard",
+      "dark": "Dark",
       "default": "Default",
       "desktop": "Desktop",
       "disabled": "Disabled",
@@ -419,6 +420,7 @@
       "horizontal": "Horizontal",
       "info": "Information",
       "left": "Left",
+      "light": "Light",
       "links": "Links",
       "load_in_progress": "Still loading required data…",
       "loading": "Loading…",
@@ -439,6 +441,7 @@
       "standard": "Standard",
       "started": "Started",
       "success": "Success",
+      "system": "System",
       "type": "Type",
       "unknown": "Unknown",
       "username": "Username",
diff --git a/src/modules/settings/screens/Appearance.tsx b/src/modules/settings/screens/Appearance.tsx
index 2709355e..5de00c60 100644
--- a/src/modules/settings/screens/Appearance.tsx
+++ b/src/modules/settings/screens/Appearance.tsx
@@ -103,13 +103,13 @@ export const Appearance = () => {
                     }}
                 >
                     <MenuItem key={ThemeMode.SYSTEM} value={ThemeMode.SYSTEM}>
-                        System
+                        {t('global.label.system')}
                     </MenuItem>
                     <MenuItem key={ThemeMode.DARK} value={ThemeMode.DARK}>
-                        Dark
+                        {t('global.label.dark')}
                     </MenuItem>
                     <MenuItem key={ThemeMode.LIGHT} value={ThemeMode.LIGHT}>
-                        Light
+                        {t('global.label.light')}
                     </MenuItem>
                 </Select>
             </ListItem>