From b45d1ea7fa19b6439fc492f634ce78495ba5eabf Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Thu, 1 Jun 2023 12:41:23 -0400
Subject: [PATCH 1/3] Fix dark border color

---
 app/soapbox/components/ui/menu/menu.css           | 2 +-
 app/soapbox/features/status/components/thread.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/components/ui/menu/menu.css b/app/soapbox/components/ui/menu/menu.css
index 96f510304..123f0942a 100644
--- a/app/soapbox/components/ui/menu/menu.css
+++ b/app/soapbox/components/ui/menu/menu.css
@@ -1,5 +1,5 @@
 [data-reach-menu-popover] {
-  @apply origin-top-right rtl:origin-top-left absolute mt-2 rounded-md shadow-lg bg-white dark:bg-gray-900 dark:ring-2 dark:ring-primary-700 focus:outline-none z-[1003];
+  @apply origin-top-right rtl:origin-top-left absolute mt-2 rounded-md shadow-lg bg-white dark:bg-gray-900 dark:ring-2 dark:ring-gray-800 focus:outline-none z-[1003];
 }
 
 [data-reach-menu-button] {
diff --git a/app/soapbox/features/status/components/thread.tsx b/app/soapbox/features/status/components/thread.tsx
index a02bb6b97..aa563e839 100644
--- a/app/soapbox/features/status/components/thread.tsx
+++ b/app/soapbox/features/status/components/thread.tsx
@@ -387,7 +387,7 @@ const Thread = (props: IThread) => {
 
           {!isUnderReview ? (
             <>
-              <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 dark:border-primary-800' />
+              <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 dark:border-gray-800' />
 
               <StatusActionBar
                 status={status}
@@ -401,7 +401,7 @@ const Thread = (props: IThread) => {
       </HotKeys>
 
       {hasDescendants && (
-        <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 dark:border-primary-800' />
+        <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 dark:border-gray-800' />
       )}
     </div>
   );

From e62f292aa8b3ff155ad74e2104715dd7f9d4ed29 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Thu, 1 Jun 2023 12:44:11 -0400
Subject: [PATCH 2/3] Use dark-mode badges for Group members

---
 .../features/group/components/group-member-list-item.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/group/components/group-member-list-item.tsx b/app/soapbox/features/group/components/group-member-list-item.tsx
index f9b18735d..a66a2db6e 100644
--- a/app/soapbox/features/group/components/group-member-list-item.tsx
+++ b/app/soapbox/features/group/components/group-member-list-item.tsx
@@ -195,8 +195,8 @@ const GroupMemberListItem = (props: IGroupMemberListItem) => {
             data-testid='role-badge'
             className={
               clsx('inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize', {
-                'bg-primary-200 text-primary-500': isMemberOwner,
-                'bg-gray-200 text-gray-900': isMemberAdmin,
+                'bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200': isMemberOwner,
+                'bg-gray-200 text-gray-900 dark:bg-gray-800 dark:text-gray-100': isMemberAdmin,
               })
             }
           >

From 92f824bb2ddabc130f51948aa7df36651a42e807 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Thu, 1 Jun 2023 12:47:51 -0400
Subject: [PATCH 3/3] Fix dark border color on Tombstones

---
 app/soapbox/components/tombstone.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/soapbox/components/tombstone.tsx b/app/soapbox/components/tombstone.tsx
index 62e7c72d2..2c1c0187e 100644
--- a/app/soapbox/components/tombstone.tsx
+++ b/app/soapbox/components/tombstone.tsx
@@ -21,7 +21,7 @@ const Tombstone: React.FC<ITombstone> = ({ id, onMoveUp, onMoveDown }) => {
     <HotKeys handlers={handlers}>
       <div className='h-16'>
         <div
-          className='focusable flex h-[42px] items-center justify-center rounded-lg border-2 border-gray-200 text-center'
+          className='focusable flex h-[42px] items-center justify-center rounded-lg border-2 border-gray-200 text-center dark:border-gray-800'
         >
           <Text theme='muted'>
             <FormattedMessage