From 5d8ef86b23394d851c251755d08d25c3aec913c6 Mon Sep 17 00:00:00 2001
From: Luka tv <najboljilukatv@gmail.com>
Date: Thu, 21 Sep 2023 19:43:10 +0200
Subject: [PATCH] Made a dark Steam button

Didn't like the light one so I made it dark that resembles the steam logo
---
 css/brands.css | 10 ++++++++++
 index.html     |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/css/brands.css b/css/brands.css
index 2296d2a..0c94c53 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -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;
diff --git a/index.html b/index.html
index 9771570..f72cc7d 100644
--- a/index.html
+++ b/index.html
@@ -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>