diff --git a/public/scripts/main.js b/public/scripts/main.js index 8ccda0fb..f5c3e441 100644 --- a/public/scripts/main.js +++ b/public/scripts/main.js @@ -102,11 +102,11 @@ function nextStage(currentStage) { function enableContinueButton(currentStage) { document.getElementById(`stage_${currentStage}-btn`).disabled = false; - document.getElementById(`stage_${currentStage}-btn`).innerHTML = 'Continue'; } function disableContinueButton(currentStage) { document.getElementById(`stage_${currentStage}-btn`).disabled = true; + document.getElementById(`stage_${currentStage}-btn`).innerHTML = "Locked"; } function restart() { diff --git a/public/styles/style.css b/public/styles/style.css index 3b103fb6..4580ce5f 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -8,6 +8,10 @@ body { margin: 0; } +button:disabled { + filter: brightness(0.6) !important; +} + .stage { background-color: var(--bg-color); justify-content: center;