chore(gui-v2): update active color

packages/nc-gui-v2/components/dashboard/TreeView.vue

@@ -159,7 +159,7 @@ const addTableTab = (table: TableType) => {
           @click="showTableList = !showTableList"
           @contextmenu="setMenuContext('main')"
         >
-          <MdiTable class="mr-1 text-blue" />
+          <MdiTable class="mr-1 text-gray-500" />
 
           <span class="flex-grow text-bold nc-project-tree">
             {{ $t('objects.tables') }}

packages/nc-gui-v2/components/smartsheet/Grid.vue

@@ -354,17 +354,13 @@ const onNavigate = (dir: NavigateDir) => {
                 class="text-left pointer nc-grid-add-new-cell"
                 @click="addEmptyRow()"
               >
-                <a-tooltip top left>
-                  <div class="w-full flex align-center">
-                    <MdiPlus class="text-pint-500 text-xs" />
-                    <span class="ml-1 caption grey--text">
-                      {{ $t('activity.addRow') }}
-                    </span>
-                  </div>
-                  <template #title>
-                    <span class="caption"> Add new row</span>
-                  </template>
-                </a-tooltip>
+                <div class="w-full flex align-center">
+                  <MdiPlus class="text-pint-500 text-xs" />
+
+                  <span class="ml-1">
+                    {{ $t('activity.addRow') }}
+                  </span>
+                </div>
               </td>
             </tr>
           </tbody>

packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue

@@ -194,7 +194,10 @@ function onDeleted() {
       :key="view.id"
       :view="view"
       class="transition-all ease-in duration-300"
-      :class="[isMarked === view.id ? 'bg-gray-200' : '', route.params.viewTitle.includes(view.title) ? 'bg-blue-500/15' : '']"
+      :class="[
+        isMarked === view.id ? 'bg-gray-200' : '',
+        route.params.viewTitle && route.params.viewTitle.includes(view.title) ? 'active' : '',
+      ]"
       @change-view="changeView"
       @open-modal="$emit('openModal', $event)"
       @delete="onDelete"
@@ -231,5 +234,13 @@ function onDeleted() {
   .sortable-chosen {
     @apply !bg-primary/25 text-primary;
   }
+
+  .active {
+    @apply bg-blue-500/15;
+
+    .nc-icon {
+      @apply !text-pink-500;
+    }
+  }
 }
 </style>