diff --git a/app/src/components/home/device.vue b/app/src/components/home/device.vue
index 48f712f..afd8f71 100644
--- a/app/src/components/home/device.vue
+++ b/app/src/components/home/device.vue
@@ -2,7 +2,10 @@
     <div class="card section bg-base-300 shadow-xl">
       <div class="card-body">
     
-        <h2 class="card-title">Devices</h2>
+        <div class="flex">
+            <h2 class="card-title">Devices</h2>
+            <button class="btn btn-primary min-h-8 h-8 ml-auto">Add wireless device</button>
+        </div>
         
         <div role="tablist" class="tabs tabs-boxed">
             <a v-for="device, i in devices" role="tab" class="tab" :class="device.selected ? 'tab-active' : ''" @click="select(device, i)">{{ device.name }}</a>
diff --git a/app/src/components/home/information.vue b/app/src/components/home/information.vue
index 0328cdc..bfb6ac6 100644
--- a/app/src/components/home/information.vue
+++ b/app/src/components/home/information.vue
@@ -12,7 +12,7 @@
     </div>
 
     <div class="card-actions justify-end">
-      <button class="btn">Join the Discord</button>
+      <button class="btn btn-ghost">Join the Discord</button>
       <router-link to="/settings">
         <button class="btn btn-primary">Settings</button>
       </router-link>
@@ -27,6 +27,9 @@ export default {
     return {
       scrcpyPlusVersion: this.$version
     }
+  },
+  mounted() {
+    this.spb.execute('test');
   }
 }
 </script>
\ No newline at end of file
diff --git a/app/src/main.js b/app/src/main.js
index f405138..f710c0f 100644
--- a/app/src/main.js
+++ b/app/src/main.js
@@ -3,7 +3,10 @@ import { version } from '../package.json';
 import App from './App.vue'
 import router from './router'
 import './app.css';
+import ScrcpyPlusBridge from "./plugins/scrcpy-plus-bridge.js";
 
 const app = createApp(App);
-app.use(router).mount('#app');
+app.use(router);
+app.use(ScrcpyPlusBridge);
+app.mount('#app');
 app.config.globalProperties.$version = version;
diff --git a/app/src/plugins/execute.js b/app/src/plugins/execute.js
deleted file mode 100644
index ff18cff..0000000
--- a/app/src/plugins/execute.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createApp } from 'vue'
-const app = createApp({})
-
-const execute = {
-    install(app, options) {
-      // configure the app
-    }
-}
-
-app.use(execute, {
-  /* optional options */
-})
\ No newline at end of file
diff --git a/app/src/plugins/scrcpy-plus-bridge.js b/app/src/plugins/scrcpy-plus-bridge.js
new file mode 100644
index 0000000..da73ade
--- /dev/null
+++ b/app/src/plugins/scrcpy-plus-bridge.js
@@ -0,0 +1,12 @@
+function execute(data) {
+  console.log(data)
+}
+
+// This file is the 'SCRCPY Plus Bridge' that bridges the electron app to the host system, be it Windows, Linux or MacOS.
+export default {
+  install: (app, options) => {
+    app.spb = {
+      execute
+    }
+  },
+};
diff --git a/app/tailwind.config.js b/app/tailwind.config.js
index 96da951..f9c81c0 100644
--- a/app/tailwind.config.js
+++ b/app/tailwind.config.js
@@ -4,7 +4,7 @@ module.exports = {
     daisyui: {
         themes: [
             {
-                dark: {
+                scrcpyplus: {
                   ...require("daisyui/src/theming/themes")["dark"],
                   primary: "#8867c0",
                 },