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

Add specific CSS var for the hand background

Browse source
This commit is contained in:
Oliver-Akins 2021-03-20 15:05:27 -06:00
parent 74d1eac0c6
commit 0e2575b9c5
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/src/components/Hand.vue
View file

@ -184,8 +184,7 @@ export default {
@import "../css/style.css";
#PlayerHand {
background-color: var(--background2);
border-radius: 20px;
background-color: var(--hand-background);
margin: 0 auto;
padding: 0px;
width: 95%;

7
web/src/css/theme.css
View file

@ -37,6 +37,9 @@
--background3-lighten: #fff4d7;
--background3-text: var(--dark-font-colour);
/* Hand colours */
--hand-background: rgba(255, 255, 255, 0.2);
/*
The colours for the cards in the hands of the players
*/
@ -65,9 +68,7 @@
--object-button-focus: var(--background2-darken);
--object-button-text: var(--background2-text);
/*
Colours used for the past questions insert and button
*/
/* Colours used for the past questions insert and button */
--past-questions-button-default: var(--background3);
--past-questions-button-hover: var(--background3-lighten);
--past-questions-button-focus: var(--background3-darken);