feat(gui-v2): use correct brand colors

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/nc-gui-v2/components/general/Social.vue

@@ -39,34 +39,23 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
         <v-list width="100%" class="py-0 flex-shrink-1 text-left elevation-0 rounded-sm community-card item active" dense>
           <v-list-item>
             <div class="flex justify-space-between d-100 pr-2">
-              <MdiDiscord
-                v-t="['e:community:discord']"
-                class="icon"
-                :color="colors[0]"
-                @click="open('https://discord.gg/5RgZmkW')"
-              />
-              <BxBxlDiscourse
+              <MdiDiscord v-t="['e:community:discord']" class="icon text-[#7289DA]" @click="open('https://discord.gg/5RgZmkW')" />
+              <div
                 v-t="['e:community:discourse']"
-                class="icon"
-                :color="colors[0]"
+                class="icon flex items-center justify-center min-w-[43px]"
                 @click="open('https://community.nocodb.com/')"
-              />
+              >
+                <div class="discourse" />
+              </div>
               <MdiReddit
                 v-t="['e:community:reddit']"
-                class="icon"
-                color="#ff4600"
+                class="icon text-[#FF4600]"
                 @click="open('https://www.reddit.com/r/NocoDB/')"
               />
-              <MdiTwitter
-                v-t="['e:community:twitter']"
-                class="icon"
-                :color="colors[1]"
-                @click="open('https://twitter.com/NocoDB')"
-              />
+              <MdiTwitter v-t="['e:community:twitter']" class="icon text-[#1DA1F2]" @click="open('https://twitter.com/NocoDB')" />
               <MdiCalendarMonth
                 v-t="['e:community:book-demo']"
-                class="icon"
-                :color="colors[3]"
+                class="icon text-green-500"
                 @click="open('https://calendly.com/nocodb-meeting')"
               />
             </div>
@@ -81,4 +70,17 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
 .icon {
   @apply cursor-pointer text-4xl rounded-full p-2 bg-gray-100 shadow-md hover:(shadow-lg bg-gray-200) transition-color ease-in duration-100;
 }
+
+.discourse {
+  height: 22px;
+  width: 22px;
+  background-image: url('~/assets/img/discourse-icon.png');
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.discourse::before {
+  visibility: hidden;
+  content: '';
+}
 </style>

packages/nc-gui-v2/package-lock.json

@@ -17,7 +17,6 @@
       },
       "devDependencies": {
         "@antfu/eslint-config": "^0.25.2",
-        "@iconify-json/bx": "^1.1.3",
         "@iconify-json/material-symbols": "^1.1.8",
         "@iconify-json/mdi": "^1.1.25",
         "@intlify/vite-plugin-vue-i18n": "^4.0.0",
@@ -902,15 +901,6 @@
       "dev": true,
       "peer": true
     },
-    "node_modules/@iconify-json/bx": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@iconify-json/bx/-/bx-1.1.3.tgz",
-      "integrity": "sha512-Y7iKbjsf52fGd0IIjtUz8Hoz4S5PyXxRJRqskQFnDPSOUD0zRIbDom3UfTv5HGv8I0zEvJ0jpEVQlt+efkve/g==",
-      "dev": true,
-      "dependencies": {
-        "@iconify/types": "*"
-      }
-    },
     "node_modules/@iconify-json/material-symbols": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/@iconify-json/material-symbols/-/material-symbols-1.1.8.tgz",
@@ -13329,15 +13319,6 @@
       "dev": true,
       "peer": true
     },
-    "@iconify-json/bx": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@iconify-json/bx/-/bx-1.1.3.tgz",
-      "integrity": "sha512-Y7iKbjsf52fGd0IIjtUz8Hoz4S5PyXxRJRqskQFnDPSOUD0zRIbDom3UfTv5HGv8I0zEvJ0jpEVQlt+efkve/g==",
-      "dev": true,
-      "requires": {
-        "@iconify/types": "*"
-      }
-    },
     "@iconify-json/material-symbols": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/@iconify-json/material-symbols/-/material-symbols-1.1.8.tgz",

packages/nc-gui-v2/package.json

@@ -20,7 +20,6 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.25.2",
-    "@iconify-json/bx": "^1.1.3",
     "@iconify-json/material-symbols": "^1.1.8",
     "@iconify-json/mdi": "^1.1.25",
     "@intlify/vite-plugin-vue-i18n": "^4.0.0",