add companyName to getPlayer

src/ui/React/Select.tsx

@@ -10,12 +10,12 @@ import { colors } from "./Theme";
 const useStyles = makeStyles({
   // Tries to emulate StdButton in buttons.scss
   root: {
-    backgroundColor: "#222",
+    backgroundColor: colors.well,
     color: colors.primarydark,
     margin: "5px",
     padding: "3px 5px",
-    "&:hover": {
-      backgroundColor: "#222",
+    "&:after": {
+      backgroundColor: colors.well,
     },
 
     borderRadius: 0,
@@ -25,7 +25,6 @@ const useStyles = makeStyles({
 export const Select: React.FC<SelectProps> = (props: SelectProps) => {
   return (
     <MuiSelect
-      native
       {...props}
       classes={{
         ...useStyles(),

src/ui/React/TextField.tsx

@@ -10,34 +10,34 @@ import { colors } from "./Theme";
 const useStyles = makeStyles({
   // Tries to emulate StdButton in buttons.scss
   root: {
-    backgroundColor: "#222",
+    backgroundColor: colors.well,
     color: "white",
     borderRadius: 0,
     "& .MuiInputBase-input": {
-      color: colors.primary, // Text color
+      color: colors.primarylight, // Text color
     },
     "& .MuiInputBase-input::placeholder::before": {
-      color: colors.primarydarker,
+      color: colors.primarydark,
       userSelect: "none",
     },
     "& .MuiInput-underline:before": {
-      borderBottomColor: colors.primarydarker,
-    },
-    "& .MuiInput-underline:hover:before": {
       borderBottomColor: colors.primarydark,
     },
-    "& .MuiInput-underline:after": {
+    "& .MuiInput-underline:hover:before": {
       borderBottomColor: colors.primary,
     },
+    "& .MuiInput-underline:after": {
+      borderBottomColor: colors.primarylight,
+    },
     "& .MuiInputLabel-root::before": {
-      color: colors.primarydark,
+      color: colors.primary,
     },
     "& .MuiInputLabel-root": {
       // The little label on the top-right
-      color: colors.primarydark, // unfocused
+      color: colors.primary, // unfocused
       userSelect: "none",
       "&.Mui-focused": {
-        color: colors.primary, // focused
+        color: colors.primarylight, // focused
       },
     },
   },

src/ui/React/Theme.tsx

@@ -4,9 +4,10 @@ import { createMuiTheme } from "@material-ui/core/styles";
 import { ThemeProvider } from "@material-ui/core/styles";
 
 export const colors = {
-  primary: "#0f0",
+  primarylight: "#0f0",
+  primary: "#0c0",
   primarydark: "#090",
-  primarydarker: "#030",
+  well: "#222",
 };
 
 export const theme = createMuiTheme({
@@ -21,6 +22,13 @@ export const theme = createMuiTheme({
       textTransform: "none",
     },
   },
+  overrides: {
+    MuiInputBase: {
+      root: {
+        backgroundColor: colors.well,
+      },
+    },
+  },
 });
 
 interface IProps {