From d7e5ce0f63437fc75542c07457ee9b1f1c892921 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 15 Apr 2024 16:04:02 +0530
Subject: [PATCH] btn styling

---
 src/style.css | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/style.css b/src/style.css
index 1c4b60e..1f8130c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -18,6 +18,9 @@
 	--color-pro-1: #1fffb3;
 	--color-pro-2: #f2ff00;
 
+	--color-btn-hover-1: hsl(53.35deg 100% 50%);
+	--color-btn-hover-2: hsl(38.96deg 100% 50%);
+
 	--footer-height: 37px;
 	--console-height: 32px;
 
@@ -839,12 +842,15 @@ body > #demo-frame {
 }
 
 .btn--dark:hover {
-	--clr-1: #6844ad;
-	/* color: #111; */
+	/* --clr-1: #6844ad; */
+
+	--clr-1: hsl(53.35deg 100% 50%);
+	--clr-2: hsl(38.96deg 100% 50%);
+	color: #111;
 	/* border-color: rgba(146, 151, 179, 0.5); */
 }
 .btn--dark:hover > svg {
-	/* fill: #111; */
+	fill: #111;
 }
 .btn--dark.btn--active {
 	background: linear-gradient(0deg, hsl(0, 0%, 25%) 0, hsl(0, 0%, 13%) 100%);
@@ -994,6 +1000,10 @@ body > #demo-frame {
 	width: 1.2rem;
 	aspect-ratio: 1;
 }
+.dialog__close-btn:hover {
+	--color-close-btn: var(--color-btn-hover-1);
+	color: #111;
+}
 
 .modal {
 	position: fixed;
@@ -1022,7 +1032,11 @@ body > #demo-frame {
 }
 
 .modal__close-btn:hover {
-	opacity: 0.7;
+	--color-close-btn: var(--color-btn-hover-1);
+	color: #111;
+}
+.modal__close-btn:hover > svg {
+	fill: #111;
 }
 
 .modal__close-btn {
@@ -1123,6 +1137,7 @@ body > #demo-frame {
 	top: 0;
 	bottom: 0;
 	width: 35vw;
+	min-width: 35ch;
 	max-width: 60ch;
 	padding: 20px 30px;
 	z-index: 6;