Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Update colour palette

Browse source
This commit is contained in:
Oliver-Akins 2021-03-19 19:35:36 -06:00
parent c1339dc673
commit 28d59dbed9
4 changed files with 63 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

11
web/src/components/ChooseObject.vue
View file

@ -87,8 +87,8 @@ export default {
}
.object {
background-color: var(--board-background-alt);
color: var(--board-background-alt-text);
background-color: var(--object-card-background);
color: var(--object-card-text);
justify-content: center;
flex-direction: column;
border-radius: 10px;
@ -106,12 +106,13 @@ export default {
}
button {
background: var(--card-button);
background: var(--object-button-default);
color: var(--object-button-text);
border-radius: 7px;
font-size: larger;
padding: 7px;
margin: 10px;
}
button:hover { background-color: var(--card-button-darken); }
button:focus { background-color: var(--board-background-alt-lighten); }
button:hover { background: var(--object-button-hover); }
button:focus { background: var(--object-button-focus); }
</style>

11
web/src/components/GameBoard.vue
View file

@ -92,7 +92,8 @@
</div>
</div>
<button
class="past-questions-toggle clickable"
id="past-questions-toggle"
class="clickable"
@click.self="visible = !visible"
>
{{ visible ? `Hide` : `Show` }} Past Questions
@ -265,14 +266,14 @@ input[type="text"].other-team-answer {
padding-left: 5%;
}
button {
background-color: var(--board-background-alt);
#past-questions-toggle {
background-color: var(--past-questions-button-default);
border-radius: 0 20px 0 7px;
position: absolute;
padding: 10px;
right: 0;
top: 0;
}
button:hover { background-color: var(--board-background-alt-darken); }
button:focus { background-color: var(--board-background-alt-lighten); }
#past-questions-toggle:hover { background-color: var(--past-questions-button-hover); }
#past-questions-toggle:focus { background-color: var(--past-questions-button-focus); }
</style>