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"; @import "../css/style.css";
#PlayerHand { #PlayerHand {
background-color: var(--background2); background-color: var(--hand-background);
border-radius: 20px;
margin: 0 auto; margin: 0 auto;
padding: 0px; padding: 0px;
width: 95%; width: 95%;

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

@ -37,6 +37,9 @@
--background3-lighten: #fff4d7; --background3-lighten: #fff4d7;
--background3-text: var(--dark-font-colour); --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 The colours for the cards in the hands of the players
*/ */
@ -65,9 +68,7 @@
--object-button-focus: var(--background2-darken); --object-button-focus: var(--background2-darken);
--object-button-text: var(--background2-text); --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-default: var(--background3);
--past-questions-button-hover: var(--background3-lighten); --past-questions-button-hover: var(--background3-lighten);
--past-questions-button-focus: var(--background3-darken); --past-questions-button-focus: var(--background3-darken);