From 991cccb9f6fed881eff3fcafad8e6004dadb7788 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sat, 30 Dec 2023 16:31:16 -0800
Subject: [PATCH] Make button contrast not burn your eyes.

---
 assets/scss/style.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 80a8518..acb76fe 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -61,10 +61,9 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .button, input[type="submit"] {
+  @include var(color, text-color);
   padding: 0.5rem;
-  background-color: $primary-color;
-  border: none;
-  color: white;
+  border: 1px solid $primary-color;
   transition: color 0.25s, background-color 0.25s;
   text-align: left;
 
@@ -73,8 +72,8 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   &:hover, &:focus {
-    background-color: white;
-    color: $primary-color;
+    background-color: rgba($primary-color, 0.2);
+    @include var(color, text-color);
   }
 }