From 2f35ec5976f06ecbb44a4f8b3e96faedcf614b96 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Sat, 27 Nov 2021 21:59:03 -0600
Subject: [PATCH] Darken input border. Darken more on hover.

---
 scss/_variables.scss              |  3 ++-
 scss/bootstrap/_form-control.scss | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 57916ce..b1f1f88 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -82,7 +82,8 @@ $code-color: $primary !default;
 // Forms
 $input-bg: $white;
 $input-color: $black;
-$input-transition: null;
+$input-border-color: $gray-500;
+$input-transition: none;
 
 // Buttons
 $btn-box-shadow: null;
diff --git a/scss/bootstrap/_form-control.scss b/scss/bootstrap/_form-control.scss
index 29b2407..7de0774 100644
--- a/scss/bootstrap/_form-control.scss
+++ b/scss/bootstrap/_form-control.scss
@@ -1,3 +1,14 @@
 .form-control {
   background-clip: inherit; // Remove weird border in input boxes
 }
+
+.form-control,
+.form-select {
+  &:hover {
+    border-color: $gray-600;
+  }
+
+  &:focus {
+    border-color: $input-focus-border-color;
+  }
+}