From b4f4f7de6f44c16d2ae1728e71b4dac625cac661 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 4 Oct 2022 18:57:57 +0200
Subject: [PATCH] feat(nc-gui): dark mode icon for powered by

---
 packages/nc-gui/components/general/NocoIcon.vue             | 6 ++++--
 packages/nc-gui/components/general/PoweredBy.vue            | 2 +-
 packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/general/NocoIcon.vue b/packages/nc-gui/components/general/NocoIcon.vue
index 8b2ae0a1bd..78fe72378c 100644
--- a/packages/nc-gui/components/general/NocoIcon.vue
+++ b/packages/nc-gui/components/general/NocoIcon.vue
@@ -3,15 +3,17 @@ interface Props {
   width?: number
   height?: number
   animate?: boolean
+  dark?: boolean
 }
 
-const { width = 90, height = 90, animate = false } = defineProps<Props>()
+const { width = 90, height = 90, animate = false, dark = false } = defineProps<Props>()
 </script>
 
 <template>
   <div :style="{ left: `calc(50% - ${width / 2}px)`, top: `-${height / 2}px` }" class="absolute rounded-lg pt-1 pl-1 -ml-1">
     <div class="relative">
-      <img :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512.png" />
+      <img v-show="dark" :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
+      <img v-show="!dark" :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512.png" />
 
       <template v-if="animate">
         <div class="animated-bg-gradient opacity-100 rounded-full z-0 absolute bottom-1.45 right-1.45 h-4.5 w-4.5" />
diff --git a/packages/nc-gui/components/general/PoweredBy.vue b/packages/nc-gui/components/general/PoweredBy.vue
index 92f32da4b6..d4c4565287 100644
--- a/packages/nc-gui/components/general/PoweredBy.vue
+++ b/packages/nc-gui/components/general/PoweredBy.vue
@@ -9,7 +9,7 @@ import { openLink } from '#imports'
     @click="openLink('https://github.com/nocodb/nocodb')"
   >
     <span class="rounded">
-      <GeneralNocoIcon class="!relative !top-0" :width="32" :height="32" />
+      <GeneralNocoIcon v-bind="$attrs" class="!relative !top-0" :width="32" :height="32" />
     </span>
 
     <span>Powered by NocoDB</span>
diff --git a/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue b/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
index d5f27fa57e..7b806b219c 100644
--- a/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/form/[viewId]/index.vue
@@ -43,7 +43,7 @@ router.afterEach((to) => shouldRedirect(to.name as string))
     <NuxtPage />
 
     <div class="flex w-full items-end mt-12">
-      <GeneralPoweredBy />
+      <GeneralPoweredBy :dark="isDark" />
     </div>
 
     <div