feat: add translucency option for macOS (#849)

Co-authored-by: V <vendicated@riseup.net>

src/api/settings.ts

@@ -38,6 +38,7 @@ export interface Settings {
     frameless: boolean;
     transparent: boolean;
     winCtrlQ: boolean;
+    macosTranslucency: boolean;
     disableMinSize: boolean;
     winNativeTitleBar: boolean;
     plugins: {
@@ -72,6 +73,7 @@ const DefaultSettings: Settings = {
     frameless: false,
     transparent: false,
     winCtrlQ: false,
+    macosTranslucency: false,
     disableMinSize: false,
     winNativeTitleBar: false,
     plugins: {},

src/components/VencordSettings/VencordTab.tsx

@@ -48,6 +48,7 @@ function VencordSettings() {
     const donateImage = React.useMemo(() => Math.random() > 0.5 ? DEFAULT_DONATE_IMAGE : SHIGGY_DONATE_IMAGE, []);
 
     const isWindows = navigator.platform.toLowerCase().startsWith("win");
+    const isMac = navigator.platform.toLowerCase().startsWith("mac");
 
     const Switches: Array<false | {
         key: KeysOfType<typeof settings, boolean>;
@@ -88,6 +89,11 @@ function VencordSettings() {
                 key: "disableMinSize",
                 title: "Disable minimum window size",
                 note: "Requires a full restart"
+            },
+            IS_DISCORD_DESKTOP && isMac && {
+                key: "macosTranslucency",
+                title: "Enable translucent window",
+                note: "Requires a full restart"
             }
         ];
 

src/main/patcher.ts

@@ -85,6 +85,11 @@ if (!IS_VANILLA) {
                     options.backgroundColor = "#00000000";
                 }
 
+                if (settings.macosTranslucency && process.platform === "darwin") {
+                    options.backgroundColor = "#00000000";
+                    options.vibrancy = "sidebar";
+                }
+
                 process.env.DISCORD_PRELOAD = original;
 
                 super(options);