diff --git a/packages/nc-gui/assets/nc-icons/bt-solid.svg b/packages/nc-gui/assets/nc-icons/bt-solid.svg
new file mode 100644
index 0000000000..d5a0e362c2
--- /dev/null
+++ b/packages/nc-gui/assets/nc-icons/bt-solid.svg
@@ -0,0 +1,16 @@
+
diff --git a/packages/nc-gui/assets/nc-icons/hm-solid.svg b/packages/nc-gui/assets/nc-icons/hm-solid.svg
new file mode 100644
index 0000000000..efe6772786
--- /dev/null
+++ b/packages/nc-gui/assets/nc-icons/hm-solid.svg
@@ -0,0 +1,16 @@
+
diff --git a/packages/nc-gui/assets/nc-icons/mm-solid.svg b/packages/nc-gui/assets/nc-icons/mm-solid.svg
new file mode 100644
index 0000000000..eaa045334a
--- /dev/null
+++ b/packages/nc-gui/assets/nc-icons/mm-solid.svg
@@ -0,0 +1,10 @@
+
diff --git a/packages/nc-gui/components/smartsheet/header/VirtualCellIcon.ts b/packages/nc-gui/components/smartsheet/header/VirtualCellIcon.ts
index 07d62ba081..019de8df30 100644
--- a/packages/nc-gui/components/smartsheet/header/VirtualCellIcon.ts
+++ b/packages/nc-gui/components/smartsheet/header/VirtualCellIcon.ts
@@ -25,11 +25,11 @@ const renderIcon = (column: ColumnType, relationColumn?: ColumnType) => {
case UITypes.Links:
switch ((column.colOptions as LinkToAnotherRecordType)?.type) {
case RelationTypes.MANY_TO_MANY:
- return { icon: iconMap.mm, color: 'text-accent' }
+ return { icon: iconMap.mm_solid }
case RelationTypes.HAS_MANY:
- return { icon: iconMap.hm, color: 'text-yellow-500' }
+ return { icon: iconMap.hm_solid }
case RelationTypes.BELONGS_TO:
- return { icon: iconMap.bt, color: 'text-sky-500' }
+ return { icon: iconMap.bt_solid }
}
break
case UITypes.SpecificDBType:
@@ -43,21 +43,21 @@ const renderIcon = (column: ColumnType, relationColumn?: ColumnType) => {
case UITypes.Lookup:
switch ((relationColumn?.colOptions as LinkToAnotherRecordType)?.type) {
case RelationTypes.MANY_TO_MANY:
- return { icon: iconMap.lookup, color: 'text-accent' }
+ return { icon: iconMap.lookup, color: 'text-pink-500' }
case RelationTypes.HAS_MANY:
- return { icon: iconMap.lookup, color: 'text-yellow-500' }
+ return { icon: iconMap.lookup, color: 'text-orange-500' }
case RelationTypes.BELONGS_TO:
- return { icon: iconMap.lookup, color: 'text-sky-500' }
+ return { icon: iconMap.lookup, color: 'text-blue-500' }
}
return { icon: iconMap.lookup, color: 'text-grey' }
case UITypes.Rollup:
switch ((relationColumn?.colOptions as LinkToAnotherRecordType)?.type) {
case RelationTypes.MANY_TO_MANY:
- return { icon: iconMap.rollup, color: 'text-accent' }
+ return { icon: iconMap.rollup, color: 'text-pink-500' }
case RelationTypes.HAS_MANY:
- return { icon: iconMap.rollup, color: 'text-yellow-500' }
+ return { icon: iconMap.rollup, color: 'text-orange-500' }
case RelationTypes.BELONGS_TO:
- return { icon: iconMap.rollup, color: 'text-sky-500' }
+ return { icon: iconMap.rollup, color: 'text-blue-500' }
}
return { icon: iconMap.rollup, color: 'text-grey' }
case UITypes.Count:
diff --git a/packages/nc-gui/components/virtual-cell/components/Header.vue b/packages/nc-gui/components/virtual-cell/components/Header.vue
index c2356fe36f..fc7736863e 100644
--- a/packages/nc-gui/components/virtual-cell/components/Header.vue
+++ b/packages/nc-gui/components/virtual-cell/components/Header.vue
@@ -1,11 +1,10 @@