Fix typo and colors (#19)

albertogasparin · web-flow · commit d17514dd70c2 · 2020-06-08T15:12:14.000+10:00
diff --git a/docs/README.md b/docs/README.md
@@ -1,6 +1,6 @@
 <h1>
-  <img align="middle" src="https://user-images.githubusercontent.com/84136/83958672-e99bba00-a8b7-11ea-81c7-0397f23e8a04.png" alt="react-resource-router logo" height="100" />
-  <span>react-sweet-state</span>
+  <img align="middle" src="https://user-images.githubusercontent.com/84136/83958672-e99bba00-a8b7-11ea-81c7-0397f23e8a04.png" alt="react-resource-router logo" height="80" /> &nbsp;
+  <span>react-resource-router</span>
 </h1>
 
 React Resource Router (RRR) is a configuration driven routing solution for React that manages single page application route matching, data fetching and progressive rendering.
diff --git a/docs/index.html b/docs/index.html
@@ -16,13 +16,41 @@
       content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
     />
     <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css" />
+    <style type="text/css">
+      :root {
+        --theme-color: #00c353;
+      }
+      .markdown-section > div:first-child {
+        position: relative;
+        float: right;
+        z-index: 2;
+      }
+      .markdown-section > div:first-child p {
+        margin: 0.5em 0 0;
+      }
+      .markdown-section > div:first-child + * {
+        margin-top: 0;
+      }
+      .markdown-section code,
+      .token.keyword,
+      .token.function {
+        color: var(--theme-color);
+      }
+      .token.boolean,
+      .token.number,
+      .token.function-variable,
+      .token.string {
+        color: inherit;
+      }
+    </style>
   </head>
   <body>
     <div id="app"></div>
     <script>
       window.$docsify = {
         name: 'react-resource-router',
         repo: 'https://github.com/atlassian-labs/react-resource-router',
+        themeColor: '#00c353',
         loadSidebar: true,
         subMaxLevel: 2,
       };
