From d4fdce5a969965a93ae3d9d06ac75a7fc9153b2e Mon Sep 17 00:00:00 2001
From: Bailey Pumfleet <pumfleet@hey.com>
Date: Fri, 6 Aug 2021 23:45:44 +0100
Subject: [PATCH] Success page dark mode fixes

---
 pages/success.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pages/success.tsx b/pages/success.tsx
index 03a0ed40..023274e2 100644
--- a/pages/success.tsx
+++ b/pages/success.tsx
@@ -76,7 +76,7 @@ export default function Success(props) {
                   &#8203;
                 </span>
                 <div
-                  className="inline-block align-bottom dark:bg-gray-800 bg-white rounded-sm px-8 pt-5 pb-4 text-left overflow-hidden border border-neutral-200 transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:py-6"
+                  className="inline-block align-bottom dark:bg-gray-800 bg-white rounded-sm px-8 pt-5 pb-4 text-left overflow-hidden border border-neutral-200 dark:border-neutral-700 transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:py-6"
                   role="dialog"
                   aria-modal="true"
                   aria-labelledby="modal-headline">
@@ -104,7 +104,7 @@ export default function Success(props) {
                             : `We emailed you and the other attendees a calendar invitation with all the details.`}
                         </p>
                       </div>
-                      <div className="mt-4 text-gray-700 border-t border-b dark:border-gray-900 py-4 grid grid-cols-3 text-left">
+                      <div className="mt-4 text-gray-700 dark:text-gray-300 border-t border-b dark:border-gray-900 py-4 grid grid-cols-3 text-left">
                         <div className="font-medium">What</div>
                         <div className="mb-6 col-span-2">{eventName}</div>
                         <div className="font-medium">When</div>
@@ -142,7 +142,7 @@ export default function Success(props) {
                               props.eventType.description
                             }` + (location ? "&location=" + encodeURIComponent(location) : "")
                           }>
-                          <a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3">
+                          <a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3">
                             <svg
                               className="inline-block w-4 h-4 -mt-1"
                               fill="currentColor"
@@ -166,7 +166,7 @@ export default function Success(props) {
                                 eventName
                             ) + (location ? "&location=" + location : "")
                           }>
-                          <a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" target="_blank">
+                          <a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" target="_blank">
                             <svg
                               className="inline-block w-4 h-4 mr-1 -mt-1"
                               fill="currentColor"
@@ -190,7 +190,7 @@ export default function Success(props) {
                                 eventName
                             ) + (location ? "&location=" + location : "")
                           }>
-                          <a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" target="_blank">
+                          <a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" target="_blank">
                             <svg
                               className="inline-block w-4 h-4 mr-1 -mt-1"
                               fill="currentColor"
@@ -202,7 +202,7 @@ export default function Success(props) {
                           </a>
                         </Link>
                         <Link href={"data:text/calendar," + eventLink()}>
-                          <a className="mx-2 rounded-sm border border-neutral-200 py-2 px-3" download={props.eventType.title + ".ics"}>
+                          <a className="mx-2 rounded-sm border border-neutral-200 dark:border-neutral-700 py-2 px-3" download={props.eventType.title + ".ics"}>
                             <svg
                               version="1.1"
                               xmlns="http://www.w3.org/2000/svg"