diff --git a/src/pages/core/login/config/default.js b/src/pages/core/login/config/default.js
index a16c9c91..b199917f 100644
--- a/src/pages/core/login/config/default.js
+++ b/src/pages/core/login/config/default.js
@@ -10,7 +10,7 @@ export default {
       }
     },
     "color": {
-      "value": "#ffffff"
+      "value": "#DCDFE6"
     },
     "shape": {
       "type": "circle",
@@ -28,7 +28,7 @@ export default {
       }
     },
     "opacity": {
-      "value": 0.5,
+      "value": 1,
       "random": false,
       "anim": {
         "enable": false,
@@ -38,7 +38,7 @@ export default {
       }
     },
     "size": {
-      "value": 3,
+      "value": 4,
       "random": true,
       "anim": {
         "enable": false,
@@ -50,9 +50,9 @@ export default {
     "line_linked": {
       "enable": true,
       "distance": 150,
-      "color": "#ffffff",
+      "color": "#DCDFE6",
       "opacity": 0.4,
-      "width": 1
+      "width": 2
     },
     "move": {
       "enable": true,
diff --git a/src/pages/core/login/index.vue b/src/pages/core/login/index.vue
index 2f1177d7..35f49189 100644
--- a/src/pages/core/login/index.vue
+++ b/src/pages/core/login/index.vue
@@ -15,12 +15,15 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
+<style lang="scss">
 .login {
+  background-color: #EDF4FA;
   height: 100%;
-  width: 100%;
-  background-color: $color-info;
+  canvas {
+    display: block;
+    margin: 0px;
+    padding: 0px;
+  }
 }
 </style>