fix(sync design): update sync design

app/components/LndSyncing/LndSyncing.scss

@@ -3,10 +3,11 @@
 .container {
   height: 100vh;
   padding: 100px;
-  background: linear-gradient(100deg, rgba(235, 184, 100, 0.5) 33%, rgba(0, 0, 0, 0.7));
+  background: $secondary;
 
   h3 {
     font-size: 50px;
+    color: $white;
   }
 
   .loading {
@@ -19,16 +20,19 @@
       min-width: 100px;
       top: calc(50% - 30px);
       left: calc(50% - 48px);
+      color: $main;
     }
 
     h1 {
       margin-top: 25px;
+      color: $main;
     }
   }
 
   .facts {
     position: absolute;
     bottom: 10%;
+    color: $white;
 
     .fact {
       transition: all 0.25s;
@@ -52,24 +56,24 @@
     display: inline-block;
     width: 20px;
     height: 20px;
-    background: $black;
+    background: $white;
     opacity: 0.5;
     border-radius: 50%;
     margin: 0 5px;
 
     &:hover {
-      opacity: 0.25;
+      opacity: 0.75;
     }
 
     &.active {
-      opacity: 0.25;
+      opacity: 1;
     }
   }
 }
 
 .spinner {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-left-color: rgba(0, 0, 0, 0.4);
+  border: 1px solid rgba(235, 184, 100, 0.1);
+  border-left-color: rgba(235, 184, 100, 0.4);
   -webkit-border-radius: 999px;
   -moz-border-radius: 999px;
   border-radius: 999px;