From b616292fce719bf9acdc2cba6cad4d3aa68db34b Mon Sep 17 00:00:00 2001
From: dkkb <82504881+dkkb@users.noreply.github.com>
Date: Sat, 13 Nov 2021 09:22:37 +0800
Subject: [PATCH] feat: Highlight active ListItem in outline. (#2760)

---
 app/scenes/Document/components/Contents.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/scenes/Document/components/Contents.js b/app/scenes/Document/components/Contents.js
index 88c7a0b6..807f6bad 100644
--- a/app/scenes/Document/components/Contents.js
+++ b/app/scenes/Document/components/Contents.js
@@ -110,6 +110,11 @@ const ListItem = styled("li")`
   line-height: 1.3;
   border-right: 3px solid
     ${(props) => (props.active ? props.theme.divider : "transparent")};
+
+  a {
+    color: ${(props) =>
+      props.active ? props.theme.primary : props.theme.text};
+  }
 `;
 
 const Link = styled("a")`