Add new logo (#1203)

Signed-off-by: Gergely Csatari <gergely.csatari@nokia.com>

Author: CsatariGergely

documentation/assets/icons/logo.svg

@@ -90,3 +90,8 @@ section {
 .td-box--white p > a {
 	color: $link-color;
 }
+
+// Force link hover color to use our SCSS variable
+a:hover {
+	color: $link-hover-color !important;
+}

documentation/assets/scss/_main.scss

@@ -9,12 +9,19 @@
 *
 */
 
+$kpt-green: #00f5d4;
+$kpt-pink: #f15bb5;
+$kpt-blue: #00bbf9;
+
+$kpt-dark-pink: #a43e7b;
+$kpt-dark-blue: #0081ac;
+
 $primary: #fff;
 $pink: #d62293;
 $black: #000;
 $primary-300: #c53490;
-$link-color: $pink;
-$link-hover-color: $pink;
+$link-color: $kpt-dark-pink;
+$link-hover-color: $kpt-dark-blue;
 $gray-700: #747474;
 $gray-900: #464646;
 $body-color: #000;

documentation/assets/scss/_variables_project.scss

@@ -18,7 +18,7 @@ kpt is a package-centric toolchain that enables a WYSIWYG configuration authorin
         </div>
     </div>
     <div class="col-lg-6">
-        <img src="/images/logo-with-name.svg" alt="kpt logo" style="max-width: 300px;">
+        <img src="/images/kpt_stacked_color.svg" alt="kpt logo" style="max-width: 300px;">
     </div>
 </div>