WIP

Author: caramis

assets/scss/common/_variables.scss

@@ -35,6 +35,7 @@ $color-btn-text: $white;
 $starfleit: #642EFF;
 $starfleit-primary: #00ffd1;
 $starfleit-haze: #d4ceff;
+$starfleit-lighten: lighten($starfleit, 5%);
 $primary: $starfleit-primary;
 
 // Options
@@ -203,9 +204,54 @@ body {
 }
 
 body .navbar {
-  z-index: 1000;
   background-color: rgba(100, 46, 255, 0.95);
-  border-bottom: 1px solid $gray-200;
+  border-bottom: 1px solid $starfleit-lighten;
+}
+
+body .offcanvas-header {
+  border-bottom: 1px solid $starfleit-lighten;
+}
+
+body .footer {
+  border-top: 1px solid $starfleit-lighten;
+}
+
+body .docs-navigation {
+  border-top: 1px solid $starfleit-lighten;
+}
+
+body .page-links li:not(:first-child) {
+  border-top: 1px dashed $starfleit-lighten;
+}
+
+body .docs-sidebar {
+  border-right: 1px solid $starfleit-lighten;
+}
+
+body .docs-links,
+body .docs-toc {
+  scrollbar-width: thin;
+  scrollbar-color: $starfleit;
+}
+
+body .docs-links::-webkit-scrollbar-track,
+body .docs-toc::-webkit-scrollbar-track {
+  background: $starfleit;
+}
+
+body .docs-links::-webkit-scrollbar-thumb,
+body .docs-toc::-webkit-scrollbar-thumb {
+  background: $starfleit;
+}
+
+body .docs-links:hover::-webkit-scrollbar-thumb,
+body .docs-toc:hover::-webkit-scrollbar-thumb {
+  background: $starfleit-primary;
+}
+
+body .docs-links::-webkit-scrollbar-thumb:hover,
+body .docs-toc::-webkit-scrollbar-thumb:hover {
+  background: $starfleit-primary;
 }
 
 body .form-control.is-search {
@@ -242,3 +288,7 @@ body .text-muted {
 body .btn-toggle:before {
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280, 255, 209, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
 }
+
+body .alert-doks {
+  background-color: $starfleit-haze;
+}

content/en/docs/introduction/about.md

@@ -6,6 +6,30 @@ weight: 10
 STARFLEIT is a [Uniswap](https://uniswap.org/)-inspired automated market-maker (AMM) protocol implemented with smart contracts on the Fetch.ai blockchain. This enables a decentralized on-chain exchange for the various assets involved in Fetch.ai ecosystem.
 ***
 
+{{< alert >}}
+**Normal**
+
+STARFLEIT is ...
+{{< /alert >}}
+
+{{< alert context="info" >}}
+**Info**
+
+STARFLEIT is ...
+{{< /alert >}}
+
+{{< alert context="warning" >}}
+**Warning**
+
+STARFLEIT is ...
+{{< /alert >}}
+
+{{< alert context="danger" >}}
+**Danger**
+
+STARFLEIT is ...
+{{< /alert >}}
+
 ## Participants
 
 Users can participate in STARFLEIT as traders, liquidity providers, or both.