From 5534dad8084009f402ffc163d0e60cf7d7c2e288 Mon Sep 17 00:00:00 2001
From: Hunter Martin <hunter.developer@aol.com>
Date: Tue, 14 Jan 2025 17:37:39 -0800
Subject: [PATCH] fix: dark mode for close button (#531)

* Add dark mode styling for close button

* Rerun failing test
---
 src/styles.css                            | 13 +++++++++++++
 website/src/components/Position/index.tsx |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 5ad26c3..7cdd676 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -440,7 +440,9 @@
 
 [data-sonner-toaster][data-theme='dark'] {
   --normal-bg: #000;
+  --normal-bg-hover: hsl(0, 0%, 12%);
   --normal-border: hsl(0, 0%, 20%);
+  --normal-border-hover: hsl(0, 0%, 25%);
   --normal-text: var(--gray1);
 
   --success-bg: hsl(150, 100%, 6%);
@@ -460,6 +462,17 @@
   --error-text: hsl(358, 100%, 81%);
 }
 
+[data-sonner-toaster][data-theme='dark'] [data-sonner-toast] [data-close-button] {
+  background: var(--normal-bg);
+  border-color: var(--normal-border);
+  color: var(--normal-text);
+}
+
+[data-sonner-toaster][data-theme='dark'] [data-sonner-toast] [data-close-button]:hover {
+  background: var(--normal-bg-hover);
+  border-color: var(--normal-border-hover);
+}
+
 [data-rich-colors='true'][data-sonner-toast][data-type='success'] {
   background: var(--success-bg);
   border-color: var(--success-border);
diff --git a/website/src/components/Position/index.tsx b/website/src/components/Position/index.tsx
index d221afa..e5744b7 100644
--- a/website/src/components/Position/index.tsx
+++ b/website/src/components/Position/index.tsx
@@ -33,7 +33,7 @@ export const Position = ({
                 setPosition(position);
                 removeAllToasts();
               }
-			  
+
               toast('Event has been created', {
                 description: 'Monday, January 3rd at 6:00pm',
               });