upgrade colors everywhere

This commit is contained in:
Set Sakrecoer 2020-01-28 11:21:10 +01:00
parent b3f4e75275
commit 6c129b4f1d

View file

@ -9,7 +9,7 @@
margin: 0 10px 10px 0; margin: 0 10px 10px 0;
width: 50px; width: 50px;
height: 50px; height: 50px;
background: rgba(65, 106, 0, 0.473); background: $color3;
border: none; border: none;
border-radius: 300px; border-radius: 300px;
@ -20,13 +20,13 @@
.button:hover { .button:hover {
text-shadow: 0 1px hsla(0, 0%, 100%, 0.5); text-shadow: 0 1px $color4;
color: #222; color: $color4;
} }
.button:active, .button:active,
.button.is-checked { .button.is-checked {
background: linear-gradient(230deg, rgba(255, 0, 255, 0.902), rgba(66, 107, 0, 0.902)); background: linear-gradient(230deg, $color5, $color3);
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -35,12 +35,12 @@
} }
.button.is-checked { .button.is-checked {
color: white; color: $color1;
text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8); text-shadow: $color4;
} }
.button:active { .button:active {
box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8); box-shadow: inset 0 1px 10px $color4;
} }
/* ---- button-group ---- */ /* ---- button-group ---- */