Update docs styles and images for rebrand

docs.kosli.com/assets/_custom.scss

@@ -100,12 +100,16 @@ aside.book-toc .book-toc-content {
     .container {
         .docs-logo {        
             width: 16rem;
-            margin: 1rem 0;
-            text-align: center;
-            border-right: 1px solid #fff;
-
-            img {
-                height: 40px;
+
+
+            a {
+                margin: 1rem 0;
+                padding: 0 1rem;
+                display: block;
+                border-right: 1px solid #fff;
+                img {
+                    height: 40px;
+                }
             }
         }
 
@@ -191,4 +195,8 @@ aside.book-toc .book-toc-content {
     border: 1px solid #000d40;
     border-radius: 3px;
     padding: 5px;
-}
+}
+
+.footer-logo {
+    height: 40px;
+}

docs.kosli.com/assets/_home.scss

@@ -24,18 +24,19 @@
 }
 
 .card {
-    // background-color: $neutral-200;
+    background-color: $neutral-200;
     height: 100%;
     border-radius: 8px;
     display: flex;
     flex-direction: column;
+    padding: 2rem;
 
     p {
         margin-top: 0;
     }
 
     img {
-        width: 50px;
+        width: 110px;
     }
 
     a {

docs.kosli.com/assets/_variables.scss

@@ -5,7 +5,7 @@ $blue-100: #2459D1;
 $blue-200: #4B75D9;
 $blue-300: #7293E1;
 $blue-400: #D0D6E8;
-$blue-500: #000D40;
+$blue-500: #101C2B;
 $green-100: #29B57D;
 $green-200: #4FB98C;
 $green-300: #86CFB0;
@@ -23,7 +23,7 @@ $yellow-400: #FBE6AA;
 $yellow-500: #1F1400;
 $orange-100: #FF8900;
 $neutral-100: #FFFFFF;
-$neutral-200: #F7F9FC;
+$neutral-200: #F2F2F6;
 $neutral-300: #E6E7F2;
 $neutral-400: #CCCFE4;
 $neutral-500: #969BAC;

docs.kosli.com/config.yaml

@@ -18,7 +18,7 @@ markup:
 Params:
   BookSection: '/'
   BookToC: true
-  default_social_thumb: /kosli-docs-logo-white.svg
+  default_social_thumb: /kosli-logo-dark-main.svg
 
 caches:
   getjson:

docs.kosli.com/content/_index.md

@@ -30,7 +30,7 @@ sections:
           link_text: View >
           url: /getting_started/environments/
         - title: Kosli flows
-          image: /images/home/home-flows.png
+          image: /images/home/home-flows.svg
           alt_text: Flows and artifact reporting explained
           description: Artifact reporting explained
           link_text: View >
@@ -51,7 +51,7 @@ sections:
           image: /images/home/home-community.svg
           alt_text: Slack community icon
           description: Join the Kosli Community
-          link_text: Join the Kosli Community >
+          link_text: Join the Kosli Slack Community >
           url: https://www.kosli.com/community/
           new_page: true
 ---

docs.kosli.com/layouts/partials/docs/footer.html

@@ -1,47 +1,8 @@
-
-<hr>
-
-<div class="footer-grid">
-
-  <div>
-    <h3 class="h5-style">
-      Get started for FREE!<br>
-      Sign up with GitHub.<br>
-      Easy!
-    </h3>
-    <a class="btn btn-main" href="https://app.kosli.com" target="_blank">
-      Sign up
-    </a>
-  </div>
-
-  <div>
-    <h3 class="h5-style">Share your feedback on the docs so we can make them easier for you to use</h3>
-    <a href="https://www.kosli.com/community/" target="_blank" class="btn btn-secondary">
-      Join the Slack Community
-    </a>
-  </div>
-
-  <div>
-    <h3 class="h5-style">Stuck with something?</h3>
-    <p>
-      We have an open Slack channel where you can get in touch with the Kosli team and other users.
-    </p>
-    <p>
-      <a href="https://www.kosli.com/community/" target="_blank">Ask the Kosli Slack community</a>
-    </p>
-    <p>
-      <a href="mailto:[email protected]">Email support</a>
-    </p>
-  </div>
-
-
-</div>
-
 <hr>
 
 <div class="secondary-footer flex align-center flex-wrap" style="gap: 40px;">
   <div>
-    <img src="/images/kosli-logo.svg" alt="Kosli Logo">
+    <img class="footer-logo" src="/images/kosli-logo.svg" alt="Kosli Logo">
   </div>
   <div>
     © 2025 Kosli Inc.

docs.kosli.com/layouts/partials/docs/inject/body.html

@@ -3,7 +3,7 @@
 
         <div class="docs-logo">
             <a href="/">
-                <img src="/kosli-docs-logo-white.svg" alt="Kosli docs logo">
+                <img src="/kosli-logo-dark-main.svg" alt="Kosli docs logo">
             </a>
         </div>