baalajimaestro/ptr.moe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Made a dark Steam button

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
css/brands.css
View file

@ -808,6 +808,16 @@ button:hover,
filter: brightness(90%); 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 */ /* Steam */
.button.button-steam { .button.button-steam {
color: #ffffff; color: #ffffff;

3
index.html
View file

@ -304,6 +304,9 @@
<!-- Square --> <!-- 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> <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 --> <!-- 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> <a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>