From f92043e1064748110ab2a585db13d0bbf9e11bd8 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 28 Jan 2022 23:45:07 +0100
Subject: [PATCH] fix: use new color variables

---
 src/components/Button.vue     | 4 ++--
 src/components/NsfwSwitch.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Button.vue b/src/components/Button.vue
index e3692d0..29cdbd8 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -35,12 +35,12 @@ export default {
   transition: all 0.1s ease-out;
 
   font-weight: bold;
-  background-color: $bg-color-dark;
+  background-color: $sebin-hair-primary;
 
   text-decoration: none;
   text-align: center;
 
-  @include button($bg-color-dark);
+  @include button($sebin-hair-primary);
 
   &:hover {
     top: -0.25em;
diff --git a/src/components/NsfwSwitch.vue b/src/components/NsfwSwitch.vue
index 94643c5..8dba6e8 100644
--- a/src/components/NsfwSwitch.vue
+++ b/src/components/NsfwSwitch.vue
@@ -51,7 +51,7 @@ export default {
     margin: 0 0.5em;
 
     & input:checked + &-inner {
-      background-color: $bg-color-light;
+      background-color: $sebin-primary;
 
       &:before {
         transform: translate3d(0.9em, 0.1em, 0) scale3d(0, 0, 0);