From bcc560685c8f21d3343ac5e491cf4f707b8841f6 Mon Sep 17 00:00:00 2001
From: zikaeroh <48577114+zikaeroh@users.noreply.github.com>
Date: Sat, 23 May 2020 21:53:56 -0700
Subject: [PATCH] Make names a little more readable

---
 frontend/src/pages/gameView.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/gameView.tsx b/frontend/src/pages/gameView.tsx
index a4d082c..d76b07b 100644
--- a/frontend/src/pages/gameView.tsx
+++ b/frontend/src/pages/gameView.tsx
@@ -9,6 +9,7 @@ import {
     Slider,
     Theme,
     Typography,
+    useTheme,
 } from '@material-ui/core';
 import { green, orange } from '@material-ui/core/colors';
 import { Add, ArrowBack, Delete, Link, Person, Search, Timer, TimerOff } from '@material-ui/icons';
@@ -242,6 +243,8 @@ const useSidebarStyles = makeStyles((_theme: Theme) =>
 
 const Sidebar = ({ send, state, pState, pTeam }: GameViewProps) => {
     const classes = useSidebarStyles();
+    const theme = useTheme();
+    const nameShade = theme.palette.type === 'dark' ? 400 : 600;
 
     const teams = state.teams;
     const lists = state.lists;
@@ -294,7 +297,7 @@ const Sidebar = ({ send, state, pState, pTeam }: GameViewProps) => {
                                     style={{
                                         gridRow: j + 2,
                                         gridColumn: i + 1,
-                                        color: teamSpecs[i].hue[500],
+                                        color: teamSpecs[i].hue[nameShade],
                                         fontStyle: member.playerID === pState.playerID ? 'italic' : undefined,
                                     }}
                                 >