chore: fix sidebar bg

- add gray-25, swap blue-500 and pink-500
- fix charts

colors.json

@@ -1,6 +1,7 @@
 {
   "black": "#1E293B",
   "gray": {
+    "25": "#FBFBFB",
     "50": "#F8F8F8",
     "100": "#F3F3F3",
     "200": "#EDEDED",
@@ -78,7 +79,7 @@
     "200": "#E3F1FD",
     "300": "#C9E7FC",
     "400": "#70B6F0",
-    "500": "#0289F7",
+    "500": "#33A1FF",
     "600": "#007BE0",
     "700": "#0070CC",
     "800": "#005CA3",
@@ -113,7 +114,7 @@
     "200": "#F8E2F0",
     "300": "#F2D4E6",
     "400": "#E9C4DA",
-    "500": "#E34AA6",
+    "500": "#DF9EB8",
     "600": "#CF3A96",
     "700": "#9C2671",
     "800": "#801458",

src/components/Icons/base.vue

@@ -6,7 +6,7 @@ export default {
   props: ['active'],
   computed: {
     lightColor() {
-      return this.active ? uicolors.gray['600'] : uicolors.gray['500'];
+      return this.active ? uicolors.gray['600'] : uicolors.gray['400'];
     },
     darkColor() {
       return this.active ? uicolors.gray['800'] : uicolors.gray['600'];

src/components/Sidebar.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="py-2 h-full flex justify-between flex-col bg-white relative"
+    class="py-2 h-full flex justify-between flex-col bg-gray-25 relative"
     :class="{
       'window-drag': platform !== 'Windows',
     }"