Button colors

main2
Bob Mottram 2019-09-11 21:57:07 +01:00
parent b9c20c1cbe
commit 479f8d15c3
1 changed files with 15 additions and 15 deletions

View File

@ -147,8 +147,8 @@ a:link {
} }
.hero-text button:hover { .hero-text button:hover {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
} }
.button { .button {
@ -285,7 +285,7 @@ a:link {
border-radius: 4px; border-radius: 4px;
background-color: darkgreen; background-color: darkgreen;
border: none; border: none;
color: white; color: var(--button-text);
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
padding: 10px; padding: 10px;
@ -551,8 +551,8 @@ input.vote[type=submit] {
} }
.cancelbtn { .cancelbtn {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
float: right; float: right;
margin: 10px 10px; margin: 10px 10px;
padding: 12px 10px; padding: 12px 10px;
@ -577,8 +577,8 @@ input.vote[type=submit] {
} }
input[type=file] { input[type=file] {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
padding: 12px 20px; padding: 12px 20px;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -857,8 +857,8 @@ input[type=checkbox]
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
padding: 20px; padding: 20px;
margin: 0px; margin: 0px;
border: none; border: none;
@ -868,8 +868,8 @@ input[type=checkbox]
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
float: right; float: right;
padding: 10px; padding: 10px;
margin: 15px; margin: 15px;
@ -1022,8 +1022,8 @@ input[type=checkbox]
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
padding: 20px; padding: 20px;
margin: 0px; margin: 0px;
border: none; border: none;
@ -1033,8 +1033,8 @@ input[type=checkbox]
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
background-color: #555; background-color: var(--button-background);
color: white; color: var(--button-text);
float: right; float: right;
padding: 10px; padding: 10px;
margin: 15px; margin: 15px;