feat(settings): Add the ability to make the window transparent (#457)

src/api/settings.ts

@@ -32,6 +32,7 @@ export interface Settings {
     enableReactDevtools: boolean;
     themeLinks: string[];
     frameless: boolean;
+    transparent: boolean;
     winCtrlQ: boolean;
     plugins: {
         [plugin: string]: {
@@ -48,6 +49,7 @@ const DefaultSettings: Settings = {
     themeLinks: [],
     enableReactDevtools: false,
     frameless: false,
+    transparent: false,
     winCtrlQ: false,
     plugins: {}
 };

src/components/VencordSettings/VencordTab.tsx

@@ -108,6 +108,13 @@ function VencordSettings() {
                         >
                             Disable the window frame
                         </Switch>
+                        <Switch
+                            value={settings.transparent}
+                            onChange={(v: boolean) => settings.transparent = v}
+                            note="Requires a full restart"
+                        >
+                            Enable window transparency
+                        </Switch>
                         {navigator.platform.toLowerCase().startsWith("win") && (
                             <Switch
                                 value={settings.winCtrlQ}

src/patcher.ts

@@ -80,6 +80,10 @@ if (!process.argv.includes("--vanilla")) {
                 if (settings.frameless) {
                     options.frame = false;
                 }
+                if (settings.transparent) {
+                    options.transparent = true;
+                    options.backgroundColor = "#00000000";
+                }
 
                 process.env.DISCORD_PRELOAD = original;