improve: different color for path/md node

src/components/Navigations/PathNode.js

@@ -85,11 +85,11 @@ const PathNode = ({ path, isRoot = false }) => {
                     >
                         {
                             indexMarkdown ? (
-                                <Link to={`/markdown/${indexMarkdown.id}`} className="is-link">
+                                <Link to={`/markdown/${indexMarkdown.id}`} className="is-link index-path-node">
                                     {path.name}
                                 </Link>
                             ) : (
-                                <a className="is-link">{path.name}</a>
+                                <a className="is-link path-node">{path.name}</a>
                             )
                         }
 
@@ -170,7 +170,7 @@ const PathNode = ({ path, isRoot = false }) => {
                         <li key={markdown.id}>
                             <div className="is-clickable field has-addons">
                                 <span className="markdown-name has-text-weight-bold control">
-                                    <Link to={`/markdown/${markdown.id}`} className="is-link">
+                                    <Link to={`/markdown/${markdown.id}`} className="is-link markdown-node">
                                         {markdown.title}
                                     </Link>
                                 </span>

src/components/Navigations/SideNavigation.css

@@ -46,3 +46,13 @@
 .is-clickable:hover {
     color: #2759a7;
 }
+
+.index-path-node {
+    background-color: #cceeee !important;
+}
+.path-node {
+    background-color: #ccffec !important;
+}
+.markdown-node {
+    background-color: #fffbe6 !important;
+}