From 941db64c98436daaadfa2790365a06920c35dd95 Mon Sep 17 00:00:00 2001
From: Ehan <ehanahamed@ehan.dev>
Date: Sun, 17 Nov 2024 23:07:11 -0500
Subject: [PATCH] hover effect on textbox bg too

---
 src/scss/elements.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/scss/elements.scss b/src/scss/elements.scss
index f21e622..ea238c8 100644
--- a/src/scss/elements.scss
+++ b/src/scss/elements.scss
@@ -404,18 +404,14 @@ input[type="text"]:hover,
 input[type="password"]:hover,
 textarea:hover {
   border-color: $main-alt;
+  background-color: $bg2;
 }
 
 input[type="text"]:focus,
 input[type="password"]:focus,
 textarea:focus {
   border-color: $main;
-}
-
-input[type="text"]:focus,
-input[type="password"]:focus,
-textarea:focus {
-  border-color: $main;
+  background-color: $bg1;
 }
 
 .searchbar {
@@ -455,7 +451,13 @@ textarea:focus {
   border: none;
 }
 
+.searchbar:hover {
+  background: $bg3;
+  border-color: $main-alt;
+}
+
 .searchbar:focus-within {
+  background: $bg2;
   border-color: $main;
 }