feat: support monochrome tray icon

src/components/setting/mods/layout-viewer.tsx

@@ -10,6 +10,9 @@ import { convertFileSrc } from "@tauri-apps/api/tauri";
 import { copyIconFile, getAppDir } from "@/services/cmds";
 import { join } from "@tauri-apps/api/path";
 import { exists } from "@tauri-apps/api/fs";
+import getSystem from "@/utils/get-system";
+
+const OS = getSystem();
 
 export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
   const { t } = useTranslation();
@@ -128,6 +131,25 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
             </Select>
           </GuardState>
         </SettingItem>
+        {OS === "macos" && (
+          <SettingItem label={t("Tray Icon")}>
+            <GuardState
+              value={verge?.tray_icon ?? "monochrome"}
+              onCatch={onError}
+              onFormat={(e: any) => e.target.value}
+              onChange={(e) => onChangeData({ tray_icon: e })}
+              onGuard={(e) => patchVerge({ tray_icon: e })}
+            >
+              <Select
+                size="small"
+                sx={{ width: 140, "> div": { py: "7.5px" } }}
+              >
+                <MenuItem value="monochrome">{t("Monochrome")}</MenuItem>
+                <MenuItem value="colorful">{t("Colorful")}</MenuItem>
+              </Select>
+            </GuardState>
+          </SettingItem>
+        )}
 
         <SettingItem label={t("Common Tray Icon")}>
           <GuardState

src/locales/en.json

@@ -122,6 +122,7 @@
   "Traffic Graph": "Traffic Graph",
   "Memory Usage": "Memory Usage",
   "Proxy Group Icon": "Proxy Group Icon",
+  "Tray Icon": "Tray Icon",
   "Menu Icon": "Menu Icon",
   "Monochrome": "Monochrome",
   "Colorful": "Colorful",

src/locales/ru.json

@@ -122,6 +122,7 @@
   "Traffic Graph": "График трафика",
   "Memory Usage": "Использование памяти",
   "Proxy Group Icon": "Иконка Группы прокси",
+  "Tray Icon": "Иконка лотка",
   "Menu Icon": "Иконка меню",
   "Monochrome": "Монохромный",
   "Colorful": "Полноцветный",

src/locales/zh.json

@@ -122,6 +122,7 @@
   "Traffic Graph": "流量图显",
   "Memory Usage": "内存使用",
   "Proxy Group Icon": "代理组图标",
+  "Tray Icon": "托盘图标",
   "Menu Icon": "菜单图标",
   "Monochrome": "单色图标",
   "Colorful": "彩色图标",

src/services/types.d.ts

@@ -207,6 +207,7 @@ interface IVergeConfig {
   enable_memory_usage?: boolean;
   enable_group_icon?: boolean;
   menu_icon?: "monochrome" | "colorful" | "disable";
+  tray_icon?: "monochrome" | "colorful";
   common_tray_icon?: boolean;
   sysproxy_tray_icon?: boolean;
   tun_tray_icon?: boolean;