feat: Highlight active ListItem in outline. (#2760)

2021-11-13 09:22:37 +08:00
parent 94a2e453eb
commit b616292fce
1 changed files with 5 additions and 0 deletions
--- 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")`