From 94344e918e9d45c275a7cc0c4d7e4729e0f304d3 Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Sun, 3 Jan 2021 18:53:14 +0100
Subject: [PATCH] Make CSS for Twitch button more consistent.

---
 frontend/styles/main.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/styles/main.scss b/frontend/styles/main.scss
index f9f0ff8..ca32ddf 100644
--- a/frontend/styles/main.scss
+++ b/frontend/styles/main.scss
@@ -11,9 +11,15 @@ html[data-toggled-dark='true'] * {
 }
 
 html {
-  .btn.btn-twitch {
-    border-color: purple;
-    background-color: purple;
-    color: white;
+  $twitch-color: rgb(145, 71, 255);
+
+  .btn {
+    &.btn-twitch {
+      @include button-variant($twitch-color, $twitch-color);
+    }
+
+    &.btn-outline-twitch {
+      @include button-outline-variant($twitch-color);
+    }
   }
 }