Made a dark Steam button

Didn't like the light one so I made it dark that resembles the steam logo
This commit is contained in:
Luka tv 2023-09-21 19:43:10 +02:00
parent 5af538f6dd
commit 5d8ef86b23
2 changed files with 13 additions and 0 deletions

View file

@ -808,6 +808,16 @@ button:hover,
filter: brightness(90%);
}
/* Steam Dark */
.button.button-steam-dark {
color: #ffffff;
background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
}
.button.button-steam-dark:hover,
.button.button-steam-dark:focus {
filter: brightness(90%);
}
/* Steam */
.button.button-steam {
color: #ffffff;

View file

@ -304,6 +304,9 @@
<!-- Square -->
<a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/square.svg" alt="">Buy with Square</a><br>
<!-- Steam Dark -->
<a class="button button-steam-dark" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>
<!-- Steam -->
<a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>