From 3c064e0eafd7ffb65ac9148e3b22082413328b82 Mon Sep 17 00:00:00 2001
From: Ken Hibino <ken.hibino7@gmail.com>
Date: Fri, 22 Jan 2021 21:55:01 -0800
Subject: [PATCH] Change LinkItemLink selected color in dark mode

---
 ui/src/components/ListItemLink.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/ListItemLink.tsx b/ui/src/components/ListItemLink.tsx
index e634225..df7741e 100644
--- a/ui/src/components/ListItemLink.tsx
+++ b/ui/src/components/ListItemLink.tsx
@@ -17,14 +17,23 @@ const useStyles = makeStyles((theme) => ({
     borderBottomRightRadius: "24px",
   },
   selected: {
-    backgroundColor: `${theme.palette.primary.main}30`,
+    backgroundColor:
+      theme.palette.type === "dark"
+        ? `${theme.palette.secondary.main}30`
+        : `${theme.palette.primary.main}30`,
   },
   selectedText: {
     fontWeight: 600,
-    color: theme.palette.primary.main,
+    color:
+      theme.palette.type === "dark"
+        ? theme.palette.secondary.main
+        : theme.palette.primary.main,
   },
   selectedIcon: {
-    color: theme.palette.primary.main,
+    color:
+      theme.palette.type === "dark"
+        ? theme.palette.secondary.main
+        : theme.palette.primary.main,
   },
 }));