From cfcf823e4cb786c287d29a318acbb97739ee90e3 Mon Sep 17 00:00:00 2001
From: hzhang <hzhang@hangman-lab.top>
Date: Thu, 9 Jan 2025 14:19:31 +0000
Subject: [PATCH] improve: different color for path/md node

---
 src/components/Navigations/PathNode.js        |  6 +++---
 src/components/Navigations/SideNavigation.css | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Navigations/PathNode.js b/src/components/Navigations/PathNode.js
index 8f16763..9ad5605 100644
--- a/src/components/Navigations/PathNode.js
+++ b/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>
diff --git a/src/components/Navigations/SideNavigation.css b/src/components/Navigations/SideNavigation.css
index 46d1b66..cf4d750 100644
--- a/src/components/Navigations/SideNavigation.css
+++ b/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;
+}
\ No newline at end of file