chore: fix sidebar bg

- add gray-25, swap blue-500 and pink-500 - fix charts
frappe · Sep 1, 2023 · a24d605 · a24d605
1 parent 5635772
commit a24d605
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/colors.json b/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",

diff --git a/src/components/Icons/base.vue b/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'];

diff --git a/src/components/Sidebar.vue b/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',
     }"