Style updates - B/W color scheme and logo update

packages/kosu-docs/docs/.vuepress/config.js

@@ -7,7 +7,7 @@ module.exports = {
             },
         ],
     ],
-    title: "Paradigm Docs",
+    title: "Kosu Docs",
     head: [
         ["link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }],
         ["link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" }],
@@ -18,7 +18,7 @@ module.exports = {
         ["meta", { name: "msapplication-TileColor", content: "#2b5797" }],
         ["meta", { name: "theme-color", content: "#ffffff" }],
     ],
-    description: "Paradigm Documentation and Reference",
+    description: "Kosu Documentation and Reference",
     base: "/",
     themeConfig: {
         logo: "/docs-logo.png",

packages/kosu-docs/docs/.vuepress/theme/Home.vue

@@ -118,7 +118,7 @@ export default {
       max-width: 35rem;
       font-size: 15px;
       line-height: 1.5;
-      color: #404040;
+      color: #4A4A4A;
     }
 
     .action-button {
@@ -182,13 +182,13 @@ export default {
       font-weight: 500;
       border-bottom: none;
       padding-bottom: 0;
-      color: #404040;
+      color: #4A4A4A;
     }
 
     p {
       margin-top: 5px;
       margin-bottom 0;
-      color: #404040;
+      color: #4A4A4A;
       line-height: 1.2;
 
       font-weight: 400;

packages/kosu-docs/docs/.vuepress/theme/Navbar.vue

@@ -126,7 +126,7 @@ $narrowSearchBoxPaddingLeft = $mobileSidebarWidth + 2rem;
     
     width : $sidebarWidth;
     padding: $navbar-vertical-padding 0;
-    background-color #f5f6f7;
+    background-color #f9f9f9;
     
   }
 

packages/kosu-docs/docs/.vuepress/theme/Page.vue

@@ -264,11 +264,11 @@ function find(page, items, offset) {
     padding-top: 15px;
     padding-left: 14px;
     padding-right: 10px;
-    border-radius: 4px;
-    opacity: 0.5;
-    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.07);
-    border: solid 1px #ededed;
-    background-color: #ffffff;
+    // border-radius: 4px;
+    opacity: 0.7;
+    // box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.07);
+    // border: solid 1px #ededed;
+    // background-color: #ffffff;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 33px;
@@ -289,7 +289,7 @@ function find(page, items, offset) {
       line-height: 1.19;
       letter-spacing: normal;
       text-align: left;
-      color: #404040;
+      color: #4A4A4A;
 
       @media (max-width: $MQMobile) {
         font-size: 15px;

packages/kosu-docs/docs/.vuepress/theme/SidebarGroup.vue

@@ -57,7 +57,7 @@ export default {
 
   &.open, &:hover {
     // color: inherit;
-    color: #0bd080;
+    color: #000000;
     font-weight: bold;
   }
 

packages/kosu-docs/docs/.vuepress/theme/styles/config.styl

@@ -1,6 +1,6 @@
 // colors
-$accentColor = #0bd080
-$textColor = #404040
+$accentColor = #000000
+$textColor = #4A4A4A
 $paragraphColor = #9e9e9e
 $borderColor = #eaecef
 $codeBgColor = #282c34

packages/kosu-docs/docs/.vuepress/theme/styles/theme.styl

@@ -57,7 +57,7 @@ body
   box-sizing border-box
   // border-right 1px solid $borderColor
   overflow-y auto
-  background-color #f5f6f7
+  background-color #f9f9f9
 
 .content:not(.custom)
   @extend $wrapper