From 82aa42e7ca32eb39002a8cfed7ee9ec193a475b6 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Wed, 28 Jan 2026 11:20:38 +0000
Subject: [PATCH] fix: team icon color issue

---
 packages/nc-gui/components/general/Team/Icon.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/general/Team/Icon.vue b/packages/nc-gui/components/general/Team/Icon.vue
index 576248316d..4580b0763f 100644
--- a/packages/nc-gui/components/general/Team/Icon.vue
+++ b/packages/nc-gui/components/general/Team/Icon.vue
@@ -30,7 +30,7 @@ const props = withDefaults(defineProps<TeamIconProps>(), {
 
 const { size } = toRefs(props)
 
-const { getColor } = useTheme()
+const { getColor: _getColor } = useTheme()
 
 const team = computed(() => {
   return {
@@ -80,6 +80,14 @@ const teamIcon = computed<{
   }
 })
 
+const getColor = (color: string) => {
+  if (color === 'transparent') {
+    return _getColor('var(--nc-bg-default)')
+  }
+
+  return _getColor(color)
+}
+
 const backgroundColor = computed(() => {
   if (props.iconBgColor === 'transparent') {
     return 'transparent'