Add setting for monochrome tray icon

src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx

@@ -336,6 +336,7 @@ export default class PreferencesUserSettingsTab extends React.Component<IProps,
                         {this.renderGroup(PreferencesUserSettingsTab.GENERAL_SETTINGS)}
 
                         <SettingsFlag name="Electron.showTrayIcon" level={SettingLevel.PLATFORM} hideIfCannotSet />
+                        <SettingsFlag name="Electron.monochromeIcon" level={SettingLevel.PLATFORM} hideIfCannotSet />
                         <SettingsFlag
                             name="Electron.enableHardwareAcceleration"
                             level={SettingLevel.PLATFORM}

src/i18n/strings/en_EN.json

@@ -2690,6 +2690,7 @@
             "keyboard_heading": "Keyboard shortcuts",
             "keyboard_view_shortcuts_button": "To view all keyboard shortcuts, <a>click here</a>.",
             "media_heading": "Images, GIFs and videos",
+            "monochrome_icon": "Use monochrome tray icon",
             "presence_description": "Share your activity and status with others.",
             "publish_timezone": "Publish timezone on public profile",
             "rm_lifetime": "Read Marker lifetime (ms)",

src/settings/Settings.tsx

@@ -1225,4 +1225,9 @@ export const SETTINGS: { [setting: string]: ISetting } = {
         displayName: _td("settings|preferences|enable_hardware_acceleration"),
         default: true,
     },
+    "Electron.monochromeIcon": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|preferences|monochrome_icon"),
+        default: process.platform === "linux",
+    },
 };