Color game screen content differently

mafia-rust · Dec 4, 2023 · 7b0e384 · 7b0e384 · vercel · Dec 4, 2023
1 parent 17906ff
commit 7b0e384
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 3 deletions.
diff --git a/client/src/menu/game/gameScreen.css b/client/src/menu/game/gameScreen.css
@@ -48,7 +48,7 @@
     border-right: var(--primary-border-color) solid 1px;
 }
 
-.game-screen .content .content-tab {
+.content-tab {
     display: flex;
     flex-direction: row;
     height: max-content;
@@ -65,10 +65,10 @@
     justify-content: space-between;
     align-items: center;
 }
-.game-screen .content .content-tab > div{
+.content-tab > div{
     flex-grow: 1;
 }
-.game-screen .content .content-tab > button{
+.content-tab > button{
     width: max-content;
     margin: 0 .30rem;
 }
diff --git a/client/src/menu/game/gameScreenContent/chatMenu.css b/client/src/menu/game/gameScreenContent/chatMenu.css
@@ -7,6 +7,9 @@
     max-height: 100%;
     max-width: 100%;
 }
+.chat-menu .content-tab {
+    background-color: #132936;
+}
 .chat-menu .message-section {
     display: grid;
     height: 100%;

diff --git a/client/src/menu/game/gameScreenContent/graveyardMenu.css b/client/src/menu/game/gameScreenContent/graveyardMenu.css
@@ -1,3 +1,9 @@
+.graveyard-menu {
+    background-color: #242424;
+}
+.graveyard-menu .content-tab {
+    background-color: #303030;
+}
 .graveyard-menu > .grid {
     display: grid;
     margin-bottom: 1rem;

diff --git a/client/src/menu/game/gameScreenContent/playerListMenu.css b/client/src/menu/game/gameScreenContent/playerListMenu.css
@@ -1,6 +1,10 @@
 .player-list-menu {
     width: 100%;
     max-width: 100%;
+    background-color: #0b1a15;
+}
+.player-list-menu .content-tab {
+    background-color: #1a2925;
 }
 .player-list-menu .phase-specific{
     background-color: var(--primary-color);

diff --git a/client/src/menu/game/gameScreenContent/wikiMenu.css b/client/src/menu/game/gameScreenContent/wikiMenu.css
@@ -1,6 +1,10 @@
 .wiki-menu {
     display: flex;
     flex-direction: column;
+    background-color: #1a1508;
+}
+.wiki-menu .content-tab {
+    background-color: #29251a;
 }
 .wiki-menu > .wiki-menu-search {
     min-height: 0;

diff --git a/client/src/menu/game/gameScreenContent/willMenu.css b/client/src/menu/game/gameScreenContent/willMenu.css
@@ -1,6 +1,12 @@
+.will-menu {
+    background-color: #1a0b19;
+}
 .will-menu > section{
     margin-top: 1%;
 }
+.will-menu .content-tab {
+    background-color: #382138
+}
 .will-menu textarea {
     box-sizing: border-box;
     justify-content: center;