fix: change logo

Author: dedywahyudi

src/assets/icons/connect-logo-mono.svg

@@ -25,16 +25,11 @@
   overflow: hidden;
 
   svg {
-    margin-left: -4px;
-    margin-top: -1px;
+    margin-top: -8px;
     width: 60px;
 
     path {
-      fill: $tc-gray-10;
-
-      &:last-child {
-        display: none;
-      }
+      fill: $tc-white;
     }
   }
 }

src/components/NotificationsDropdown/NotificationsMobilePage.scss

@@ -104,7 +104,7 @@
         width: 53px;
 
         path {
-          fill: $tc-gray-10;
+          fill: $tc-white;
         }
       }
     }

src/components/TopBar/SectionToolBar.scss

@@ -67,20 +67,12 @@
           height: auto;
           width: 53px;
           @media screen and (max-width: $screen-md - 1px) {
-            /* adjust so visible logo starts from the beginning of .logo  */
-            margin-left: -4px;
-            margin-top: -1px;
-            /* real visible logo is 53px when svg has width 60px */
+            margin-top: -8px;
             width: 60px;
-
-            /* hide "connect" text under the logo */
-            path:last-child {
-              display: none;
-            }
           }
 
           path {
-            fill: $tc-gray-10;
+            fill: $tc-white;
           }
         }
       }