Style updates - B/W color scheme and logo update

ParadigmFoundation · hrharder · Aug 24, 2019 · Aug 24, 2019 · Aug 24, 2019 · Aug 24, 2019
commit b1ef2dd42866905a5bab5235db00a863c70c68ce
diff --git a/packages/kosu-docs/docs/.vuepress/public/docs-logo-copy.png b/packages/kosu-docs/docs/.vuepress/public/docs-logo-copy.png
diff --git a/packages/kosu-docs/docs/.vuepress/public/docs-logo-copy2.png b/packages/kosu-docs/docs/.vuepress/public/docs-logo-copy2.png
diff --git a/packages/kosu-docs/docs/.vuepress/public/docs-logo.png b/packages/kosu-docs/docs/.vuepress/public/docs-logo.png
diff --git a/packages/kosu-docs/docs/.vuepress/public/favicon.ico b/packages/kosu-docs/docs/.vuepress/public/favicon.ico
diff --git a/packages/kosu-docs/docs/.vuepress/theme/Home.vue b/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;

diff --git a/packages/kosu-docs/docs/.vuepress/theme/Navbar.vue b/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;
     
   }
 

diff --git a/packages/kosu-docs/docs/.vuepress/theme/Page.vue b/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;

diff --git a/packages/kosu-docs/docs/.vuepress/theme/SidebarGroup.vue b/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;
   }
 

diff --git a/packages/kosu-docs/docs/.vuepress/theme/styles/config.styl b/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

diff --git a/packages/kosu-docs/docs/.vuepress/theme/styles/theme.styl b/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