remove rm button, remove LEFT/RIGHT indicators

front/style/colors.css

@@ -1,13 +0,0 @@
-:root {
-    --main-color: #ffffff;
-    --second-color: #ccde54;
-
-    --background-color: #d2cdd3;
-
-    --selected-team-primarycolor: #50b63a;
-    --selected-team-secondarycolor: #000000;
-
-    --selection-color: #3f7fc4;
-
-    --player-piece-ball-border-color: #000000;
-}

front/style/editor.css

@@ -49,7 +49,11 @@
 }
 
 .player-piece.opponents {
-    background-color: #f59264;
+    background-color: var(--player-opponents-color);
+}
+
+.player-piece.allies {
+    background-color: var(--player-allies-color);
 }
 
 #court-div {

front/style/player.css

@@ -54,6 +54,7 @@ on the court.
 }
 
 .player-selection-tab-remove {
+    visibility: hidden;
     pointer-events: all;
     width: 25px;
     height: 17px;

front/style/theme/default.css

@@ -7,6 +7,8 @@
 
     --selected-team-primarycolor: #ffffff;
     --selected-team-secondarycolor: #000000;
+    --player-allies-color: #64e4f5;
+    --player-opponents-color: #f59264;
 
     --buttons-shadow-color: #a8a8a8;
 

front/views/Editor.tsx

@@ -198,7 +198,7 @@ function EditorView({
         <div id="main-div">
             <div id="topbar-div">
                 <div id="topbar-left">
-                    LEFT
+
                     <SavingState state={saveState} />
                 </div>
                 <div id="title-input-div">
@@ -212,7 +212,7 @@ function EditorView({
                         }}
                     />
                 </div>
-                <div id="topbar-right">RIGHT</div>
+                <div id="topbar-right"></div>
             </div>
             <div id="edit-div">
                 <div id="racks">