From 91b713f6f5ae2b8c052be6f08bdb687f4869aef5 Mon Sep 17 00:00:00 2001
From: rotsen <nestordavalos@gmail.com>
Date: Tue, 6 Aug 2024 12:40:41 -0400
Subject: [PATCH] fix: Use appropriate logos for integrations in the dark mode
 (#9881)

---
 .../settings/integrations/SingleIntegrationHooks.vue      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
index 2f2e5eef3..45ea83168 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
@@ -15,13 +15,17 @@ export default {
   <div class="flex-shrink flex-grow overflow-auto p-4">
     <div class="flex flex-col">
       <div
-        class="bg-white dark:bg-slate-800 border border-solid border-slate-75 dark:border-slate-700/50 rounded-sm mb-4 p-4"
+        class="bg-white dark:bg-slate-800 border border-solid border-slate-75 dark:border-slate-700/50 rounded-xl mb-4 p-4"
       >
         <div class="flex">
           <div class="flex h-[6.25rem] w-[6.25rem]">
             <img
               :src="`/dashboard/images/integrations/${integration.id}.png`"
-              class="max-w-full p-6"
+              class="max-w-full rounded-md border border-slate-50 dark:border-slate-700/50 shadow-sm block dark:hidden bg-white dark:bg-slate-900"
+            />
+            <img
+              :src="`/dashboard/images/integrations/${integration.id}-dark.png`"
+              class="max-w-full rounded-md border border-slate-50 dark:border-slate-700/50 shadow-sm hidden dark:block bg-white dark:bg-slate-900"
             />
           </div>
           <div class="flex flex-col justify-center m-0 mx-4 flex-1">