diff --git a/client/src/modules/game_creation/GameCreationStepManager.js b/client/src/modules/game_creation/GameCreationStepManager.js
index 6742935..b608d73 100644
--- a/client/src/modules/game_creation/GameCreationStepManager.js
+++ b/client/src/modules/game_creation/GameCreationStepManager.js
@@ -467,7 +467,6 @@ function showButtons (back, forward, forwardHandler, backHandler, builtGame = nu
backButton.innerHTML = '';
backButton.addEventListener('click', backHandler);
backButton.setAttribute('id', 'step-back-button');
- backButton.classList.add('cancel');
backButton.classList.add('app-button');
document.getElementById('tracker-container').prepend(backButton);
}
diff --git a/client/src/styles/GLOBAL.css b/client/src/styles/GLOBAL.css
index 1086231..d08cc91 100644
--- a/client/src/styles/GLOBAL.css
+++ b/client/src/styles/GLOBAL.css
@@ -223,12 +223,12 @@ button {
.app-button, input[type="submit"] {
font-family: 'signika-negative', sans-serif !important;
padding: 10px;
- background-color: #13762b;
+ background-color: #1a7a31;
border-radius: 5px;
color: #e7e7e7;
font-size: 18px;
cursor: pointer;
- border: 2px solid transparent;
+ border: 2px solid #0c541d;
text-shadow: 0 3px 4px rgb(0 0 0 / 55%);
}
@@ -237,12 +237,13 @@ button {
}
.cancel {
- background-color: #762323 !important;
+ background-color: #7a1a1a !important;
+ border: 2px solid #540c0c !important;
}
.cancel:hover {
background-color: #623232 !important;
- border: 2px solid #8a1c1c !important;
+ border: 2px solid #7a1a1a !important;
}
.submitted {
@@ -269,7 +270,7 @@ button {
.app-button:hover, input[type="submit"]:hover, #game-link:hover {
background-color: #326243;
- border: 2px solid #1c8a36;
+ border: 2px solid #1a7a31;
}
.emphasized {
@@ -349,7 +350,7 @@ input {
align-items: center;
padding: 5px 0;
width: 100%;
- background-color: #1e1b26;
+ background-color: #16141e;
height: 45px;
z-index: 53000;
}
diff --git a/client/src/styles/create.css b/client/src/styles/create.css
index 1813ef2..9d3cb2e 100644
--- a/client/src/styles/create.css
+++ b/client/src/styles/create.css
@@ -568,6 +568,16 @@ input[type="number"] {
padding: 0 !important;
width: 50px;
height: 44px;
+ user-select: none;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ border: 2px solid #56565673;
+}
+
+#step-forward-button:hover, #step-back-button:hover {
+ background-color: #545454 !important;
+ border: 2px solid #646464 !important;
}
.tracker-placeholder {
@@ -583,7 +593,6 @@ input[type="number"] {
#step-back-button {
left: 15%;
- background-color: #762323;
}
#step-1 div {
diff --git a/client/src/styles/game.css b/client/src/styles/game.css
index 903f025..7c6c28f 100644
--- a/client/src/styles/game.css
+++ b/client/src/styles/game.css
@@ -69,6 +69,7 @@
#restart-game-button, #mod-transfer-button {
background-color: #045EA6;
+ border: 2px solid #024070;
}
#restart-game-button:hover, #mod-transfer-button:hover {
@@ -216,6 +217,11 @@ h1 {
#game-role-info-container > div {
width: 95%;
+ border: 1px solid #46455299;
+ background: #4645523b;
+ padding: 5px;
+ border-radius: 5px;
+ margin-bottom: 5px;
}
#transfer-mod-modal-content {
@@ -234,12 +240,9 @@ h1 {
}
#game-role-info-container .role-info-name {
- padding: 5px;
border-radius: 5px;
font-size: 20px;
font-family: signika-negative, sans-serif;
- margin: 0.5em 0;
- background-color: #171522;
}
#role-info-modal h2 {
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index 35ea41d..353976c 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -61,7 +61,7 @@ button#home-create-button {
justify-content: center;
align-items: center;
width: 100%;
- background-color: #1e1b26;
+ background-color: #16141e;
}
form {
@@ -125,10 +125,11 @@ form > div {
#join-container {
max-width: 90%;
- background-color: #0f0f10;
+ border: 1px solid #46455299;
+ background: #4645523b;
padding: 0.5em;
border-radius: 5px;
- margin: 20px;
+ margin: 20px
}
#join-container > label {
diff --git a/client/src/styles/modal.css b/client/src/styles/modal.css
index 7cf65f6..3f8d646 100644
--- a/client/src/styles/modal.css
+++ b/client/src/styles/modal.css
@@ -7,7 +7,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- background-color: #2d2c38;
+ background-color: #16141e;
align-items: center;
justify-content: center;
max-width: 25em;
@@ -40,10 +40,6 @@
font-size: 16px;
}
-#close-modal-button {
- background-color: #762323 !important;
-}
-
.modal-button-container {
display: flex;
width: 100%;
@@ -51,6 +47,14 @@
flex-direction: row;
}
+.modal-button-container .app-button, .modal-button-container input[type="submit"] {
+ min-width: 6em;
+}
+
+.single-button {
+ justify-content: center;
+}
+
#custom-role-info-modal {
color: #d7d7d7;
text-align: left;
diff --git a/client/src/view_templates/CreateTemplate.js b/client/src/view_templates/CreateTemplate.js
index 9950510..5752461 100644
--- a/client/src/view_templates/CreateTemplate.js
+++ b/client/src/view_templates/CreateTemplate.js
@@ -39,14 +39,14 @@ const template =