diff --git a/package.json b/package.json
index b739706..1aa680b 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,10 @@
         "axios": "0.21.1",
         "bcrypt": "5.0.1",
         "bootstrap": "5.0.2",
+        "chart.js": "^3.5.1",
+        "chartjs-adapter-dayjs": "^1.0.0",
         "command-exists": "1.2.9",
+        "compare-versions": "^3.6.0",
         "dayjs": "1.10.6",
         "express": "4.17.1",
         "express-basic-auth": "1.2.0",
@@ -37,7 +40,9 @@
         "tcp-ping": "0.1.1",
         "v-pagination-3": "0.1.6",
         "vue": "3.0.5",
+        "vue-chart-3": "^0.5.7",
         "vue-confirm-dialog": "1.0.2",
+        "vue-i18n": "^8.25.0",
         "vue-router": "4.0.10",
         "vue-toastification": "2.0.0-rc.1"
     },
diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 52289c8..cb44280 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -117,11 +117,11 @@ export default {
     .list {
         .item {
             &:hover {
-                background-color: $dark-bg2;
+                background-color: #0a0a0a;
             }
 
             &.active {
-                background-color: $dark-bg2;
+                background-color: #0a0a0a;
             }
         }
     }
diff --git a/src/components/NotificationDialog.vue b/src/components/NotificationDialog.vue
index 783c44c..3ce3ef8 100644
--- a/src/components/NotificationDialog.vue
+++ b/src/components/NotificationDialog.vue
@@ -557,7 +557,7 @@ export default {
 
 .dark {
     .modal-dialog .form-text, .modal-dialog p {
-        color: $dark-font-color;
+        color: #0a0a0a;
     }
 }
 </style>
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 546e633..e78a519 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -213,7 +213,7 @@ footer {
     }
 
     .bottom-nav {
-        background-color: $dark-bg;
+        background-color: #0a0a0a;
     }
 }
 
diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index 14eedc4..4fe1a3d 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -415,7 +415,7 @@ table {
 
 .dark {
     .keyword {
-        color: $dark-font-color;
+        color: #0a0a0a;
     }
 }
 </style>