diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3525730..b0cb256 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11163,9 +11163,8 @@
       }
     },
     "vue-socket.io": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/vue-socket.io/-/vue-socket.io-3.0.7.tgz",
-      "integrity": "sha512-dTo0Vr6jIziIax5/m+mY+iwzSBdH9ZgcUR0FkyfFNklBYvb6bdNbo5tJTydMh0DTZ8f+gK4Xl6Ihtnv6YIsulQ==",
+      "version": "git+https://github.com/PhantasWeng/Vue-Socket.io.git#cef2ca40992500b7ae5dd3917268167446cc509c",
+      "from": "git+https://github.com/PhantasWeng/Vue-Socket.io.git#cef2ca40992500b7ae5dd3917268167446cc509c",
       "requires": {
         "socket.io-client": "^2.1.1"
       }
diff --git a/frontend/package.json b/frontend/package.json
index b26e3e5..2b4b26c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,7 +12,7 @@
     "core-js": "^3.4.4",
     "v-click-outside": "^3.0.0",
     "vue": "^2.6.10",
-    "vue-socket.io": "^3.0.7"
+    "vue-socket.io": "git+https://github.com/PhantasWeng/Vue-Socket.io.git#cef2ca40992500b7ae5dd3917268167446cc509c"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 9218c79..2394b4a 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -9,6 +9,7 @@ Vue.use(vClickOutside);
 Vue.use(
   new VueSocketIO({
     debug: true,
+    darkMode: true,
     connection: io(), // eslint-disable-line no-undef
   })
 );