From d72339e8552c15660a7b9ec3bc9b1ed1612eb01f Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Wed, 30 Aug 2023 10:44:55 +0530
Subject: [PATCH 1/7] chore: swap palette for espresso colors - use uicolors in
 COA

---
 colors.json                   | 209 ++++++++++++++++++++--------------
 src/pages/ChartOfAccounts.vue |  19 ++--
 2 files changed, 136 insertions(+), 92 deletions(-)

diff --git a/colors.json b/colors.json
index 545a2261..221f5fb0 100644
--- a/colors.json
+++ b/colors.json
@@ -1,83 +1,88 @@
 {
   "black": "#1E293B",
   "gray": {
-    "25": "#fcfcfd",
-    "50": "#f8f9fc",
-    "100": "#f2f4f8",
-    "200": "#ebeff5",
-    "300": "#e2e8f0",
-    "400": "#cad5e2",
-    "500": "#9aa8bc",
-    "600": "#8493a9",
-    "700": "#64748b",
-    "800": "#475569",
-    "900": "#334155"
+    "50": "#F8F8F8",
+    "100": "#F3F3F3",
+    "200": "#EDEDED",
+    "300": "#E2E2E2",
+    "400": "#C7C7C7",
+    "500": "#999999",
+    "600": "#7C7C7C",
+    "700": "#525252",
+    "800": "#383838",
+    "900": "#171717"
   },
   "red": {
-    "100": "#fff5f5",
-    "200": "#fed7d7",
-    "300": "#feb2b2",
-    "400": "#fc8181",
-    "500": "#f56565",
-    "600": "#e53e3e",
-    "700": "#c53030",
-    "800": "#9b2c2c",
-    "900": "#742a2a"
+    "50": "#FFF7F7",
+    "100": "#FFF0F0",
+    "200": "#FCD7D7",
+    "300": "#F9C6C6",
+    "400": "#EB9091",
+    "500": "#E03636",
+    "600": "#CC2929",
+    "700": "#B52A2A",
+    "800": "#941F1F",
+    "900": "#6B1515"
   },
   "orange": {
-    "100": "#fffaf0",
-    "200": "#feebc8",
-    "300": "#fbd38d",
-    "400": "#f6ad55",
-    "500": "#ed8936",
-    "600": "#dd6b20",
-    "700": "#c05621",
-    "800": "#9c4221",
-    "900": "#7b341e"
+    "50": "#FFF9F5",
+    "100": "#FFF1E7",
+    "200": "#FCE6D5",
+    "300": "#F7D6BD",
+    "400": "#F0B58B",
+    "500": "#E86C13",
+    "600": "#D45A08",
+    "700": "#BD3E0C",
+    "800": "#9E3513",
+    "900": "#6B2711"
   },
   "yellow": {
-    "100": "#fffff0",
-    "200": "#fefcbf",
-    "300": "#faf089",
-    "400": "#f6e05e",
-    "500": "#ecc94b",
-    "600": "#d69e2e",
-    "700": "#b7791f",
-    "800": "#975a16",
-    "900": "#744210"
+    "50": "#FFFCEF",
+    "100": "#FFF7D3",
+    "200": "#F7E9A8",
+    "300": "#F5E171",
+    "400": "#F2D14B",
+    "500": "#EDBA13",
+    "600": "#D1930D",
+    "700": "#AB6E05",
+    "800": "#8C5600",
+    "900": "#733F12"
   },
   "green": {
-    "100": "#f0fff4",
-    "200": "#c6f6d5",
-    "300": "#9ae6b4",
-    "400": "#68d391",
-    "500": "#48bb78",
-    "600": "#38a169",
-    "700": "#2f855a",
-    "800": "#276749",
-    "900": "#22543d"
+    "50": "#F3FCF5",
+    "100": "#E4F5E9",
+    "200": "#DAF0E1",
+    "300": "#CAE5D4",
+    "400": "#B6DEC5",
+    "500": "#59BA8B",
+    "600": "#30A66D",
+    "700": "#278F5E",
+    "800": "#16794C",
+    "900": "#173B2C"
   },
   "teal": {
-    "100": "#e6fffa",
-    "200": "#b2f5ea",
-    "300": "#81e6d9",
-    "400": "#4fd1c5",
-    "500": "#38b2ac",
-    "600": "#319795",
-    "700": "#2c7a7b",
-    "800": "#285e61",
-    "900": "#234e52"
+    "50": "#F0FDFA",
+    "100": "#E6F7F4",
+    "200": "#BAE8E1",
+    "300": "#97DED4",
+    "400": "#73D1C4",
+    "500": "#36BAAD",
+    "600": "#0B9E92",
+    "700": "#0F736B",
+    "800": "#115C57",
+    "900": "#114541"
   },
   "blue": {
-    "100": "#e5f3ff",
-    "200": "#cce7ff",
-    "300": "#99d0ff",
-    "400": "#66b8ff",
-    "500": "#33a1ff",
-    "600": "#2490ef",
-    "700": "#006ecc",
-    "800": "#005299",
-    "900": "#003766"
+    "50": "#F7FBFD",
+    "100": "#EDF6FD",
+    "200": "#E3F1FD",
+    "300": "#C9E7FC",
+    "400": "#70B6F0",
+    "500": "#0289F7",
+    "600": "#007BE0",
+    "700": "#0070CC",
+    "800": "#005CA3",
+    "900": "#004880"
   },
   "indigo": {
     "100": "#ebf4ff",
@@ -91,25 +96,63 @@
     "900": "#3c366b"
   },
   "purple": {
-    "100": "#faf5ff",
-    "200": "#e9d8fd",
-    "300": "#d6bcfa",
-    "400": "#b794f4",
-    "500": "#9f7aea",
-    "600": "#805ad5",
-    "700": "#6b46c1",
-    "800": "#553c9a",
-    "900": "#44337a"
+    "50": "#FDFAFF",
+    "100": "#F9F0FF",
+    "200": "#F1E5FA",
+    "300": "#E9D6F5",
+    "400": "#D6C1E6",
+    "500": "#9C45E3",
+    "600": "#8642C2",
+    "700": "#6E399D",
+    "800": "#5C2F83",
+    "900": "#401863"
   },
   "pink": {
-    "100": "#fdf7f8",
-    "200": "#fbeef1",
-    "300": "#f7dee5",
-    "400": "#eec3d2",
-    "500": "#df9eb8",
-    "600": "#cf82a7",
-    "700": "#ac688b",
-    "800": "#8f5b79",
-    "900": "#70485f"
+    "50": "#FFF7FC",
+    "100": "#FEEEF8",
+    "200": "#F8E2F0",
+    "300": "#F2D4E6",
+    "400": "#E9C4DA",
+    "500": "#E34AA6",
+    "600": "#CF3A96",
+    "700": "#9C2671",
+    "800": "#801458",
+    "900": "#570F3E"
+  },
+  "violet": {
+    "50": "#FBFAFF",
+    "100": "#F5F2FF",
+    "200": "#E5E1FA",
+    "300": "#DAD2F7",
+    "400": "#BDB1F0",
+    "500": "#6846E3",
+    "600": "#5F46C7",
+    "700": "#4F3DA1",
+    "800": "#392980",
+    "900": "#251959"
+  },
+  "cyan": {
+    "50": "#F5FBFC",
+    "100": "#E0F8FF",
+    "200": "#B3ECFC",
+    "300": "#94E6FF",
+    "400": "#6BD3F2",
+    "500": "#34BAE3",
+    "600": "#32A4C7",
+    "700": "#267A94",
+    "800": "#125C73",
+    "900": "#164759"
+  },
+  "amber": {
+    "50": "#FDFAED",
+    "100": "#FCF3CF",
+    "200": "#F7E28D",
+    "300": "#F5D261",
+    "400": "#F2BE3A",
+    "500": "#E79913",
+    "600": "#DB7706",
+    "700": "#B35309",
+    "800": "#91400D",
+    "900": "#763813"
   }
 }
diff --git a/src/pages/ChartOfAccounts.vue b/src/pages/ChartOfAccounts.vue
index 1d4169a8..7be17b02 100644
--- a/src/pages/ChartOfAccounts.vue
+++ b/src/pages/ChartOfAccounts.vue
@@ -157,6 +157,7 @@ import { AccountRootType, AccountType } from 'models/baseModels/Account/types';
 import { TreeViewSettings } from 'fyo/model/types';
 import { Doc } from 'fyo/model/doc';
 import { Component } from 'vue';
+import { uicolors } from 'src/utils/colors';
 
 type AccountItem = {
   name: string;
@@ -487,33 +488,33 @@ export default defineComponent({
       let icons = {
         'Application of Funds (Assets)': `<svg class="w-4 h-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <g fill="none" fill-rule="evenodd">
-              <path d="M15.333 5.333H.667A.667.667 0 000 6v9.333c0 .368.299.667.667.667h14.666a.667.667 0 00.667-.667V6a.667.667 0 00-.667-.667zM8 12.667a2 2 0 110-4 2 2 0 010 4z" fill="#415668" fill-rule="nonzero"/>
-              <path d="M14 2.667V4H2V2.667h12zM11.333 0v1.333H4.667V0h6.666z" fill="#A1ABB4"/>
+              <path d="M15.333 5.333H.667A.667.667 0 000 6v9.333c0 .368.299.667.667.667h14.666a.667.667 0 00.667-.667V6a.667.667 0 00-.667-.667zM8 12.667a2 2 0 110-4 2 2 0 010 4z" fill="${uicolors.gray[700]}" fill-rule="nonzero"/>
+              <path d="M14 2.667V4H2V2.667h12zM11.333 0v1.333H4.667V0h6.666z" fill="${uicolors.gray[400]}"/>
             </g>
           </svg>`,
         Expenses: `<svg class="w-4 h-4" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
-            <path d="M13.668 0v15.333a.666.666 0 01-.666.667h-12a.666.666 0 01-.667-.667V0l2.667 2 2-2 2 2 2-2 2 2 2.666-2zM9.964 4.273H4.386l-.311 1.133h1.62c.933 0 1.474.362 1.67.963H4.373l-.298 1.053h3.324c-.175.673-.767 1.044-1.705 1.044H4.182l.008.83L7.241 13h1.556v-.072L6.01 9.514c1.751-.106 2.574-.942 2.748-2.092h.904l.298-1.053H8.75a2.375 2.375 0 00-.43-1.044l1.342.009.302-1.061z" fill="#415668" fill-rule="evenodd"/>
+            <path d="M13.668 0v15.333a.666.666 0 01-.666.667h-12a.666.666 0 01-.667-.667V0l2.667 2 2-2 2 2 2-2 2 2 2.666-2zM9.964 4.273H4.386l-.311 1.133h1.62c.933 0 1.474.362 1.67.963H4.373l-.298 1.053h3.324c-.175.673-.767 1.044-1.705 1.044H4.182l.008.83L7.241 13h1.556v-.072L6.01 9.514c1.751-.106 2.574-.942 2.748-2.092h.904l.298-1.053H8.75a2.375 2.375 0 00-.43-1.044l1.342.009.302-1.061z" fill="${uicolors.gray[700]}" fill-rule="evenodd"/>
           </svg>`,
         Income: `<svg class="w-4 h-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <g fill="none" fill-rule="evenodd">
-              <path d="M16 12.859V14c0 1.105-2.09 2-4.667 2-2.494 0-4.531-.839-4.66-1.894L6.667 14v-1.141C7.73 13.574 9.366 14 11.333 14c1.968 0 3.602-.426 4.667-1.141zm0-3.334v1.142c0 1.104-2.09 2-4.667 2-2.494 0-4.531-.839-4.66-1.894l-.006-.106V9.525c1.064.716 2.699 1.142 4.666 1.142 1.968 0 3.602-.426 4.667-1.142zm-4.667-4.192c2.578 0 4.667.896 4.667 2 0 1.105-2.09 2-4.667 2s-4.666-.895-4.666-2c0-1.104 2.089-2 4.666-2z" fill="#415668"/>
-              <path d="M0 10.859C1.065 11.574 2.7 12 4.667 12l.337-.005.33-.013v1.995c-.219.014-.44.023-.667.023-2.495 0-4.532-.839-4.66-1.894L0 12v-1.141zm0-2.192V7.525c1.065.716 2.7 1.142 4.667 1.142l.337-.005.33-.013v1.995c-.219.013-.44.023-.667.023-2.495 0-4.532-.839-4.66-1.894L0 8.667V7.525zm0-4.475c1.065.715 2.7 1.141 4.667 1.141.694 0 1.345-.056 1.946-.156-.806.56-1.27 1.292-1.278 2.134-.219.013-.441.022-.668.022-2.578 0-4.667-.895-4.667-2zM4.667 0c2.577 0 4.666.895 4.666 2S7.244 4 4.667 4C2.089 4 0 3.105 0 2s2.09-2 4.667-2z" fill="#A1ABB4"/>
+              <path d="M16 12.859V14c0 1.105-2.09 2-4.667 2-2.494 0-4.531-.839-4.66-1.894L6.667 14v-1.141C7.73 13.574 9.366 14 11.333 14c1.968 0 3.602-.426 4.667-1.141zm0-3.334v1.142c0 1.104-2.09 2-4.667 2-2.494 0-4.531-.839-4.66-1.894l-.006-.106V9.525c1.064.716 2.699 1.142 4.666 1.142 1.968 0 3.602-.426 4.667-1.142zm-4.667-4.192c2.578 0 4.667.896 4.667 2 0 1.105-2.09 2-4.667 2s-4.666-.895-4.666-2c0-1.104 2.089-2 4.666-2z" fill="${uicolors.gray[700]}"/>
+              <path d="M0 10.859C1.065 11.574 2.7 12 4.667 12l.337-.005.33-.013v1.995c-.219.014-.44.023-.667.023-2.495 0-4.532-.839-4.66-1.894L0 12v-1.141zm0-2.192V7.525c1.065.716 2.7 1.142 4.667 1.142l.337-.005.33-.013v1.995c-.219.013-.44.023-.667.023-2.495 0-4.532-.839-4.66-1.894L0 8.667V7.525zm0-4.475c1.065.715 2.7 1.141 4.667 1.141.694 0 1.345-.056 1.946-.156-.806.56-1.27 1.292-1.278 2.134-.219.013-.441.022-.668.022-2.578 0-4.667-.895-4.667-2zM4.667 0c2.577 0 4.666.895 4.666 2S7.244 4 4.667 4C2.089 4 0 3.105 0 2s2.09-2 4.667-2z" fill="${uicolors.gray[400]}"/>
             </g>
           </svg>`,
         'Source of Funds (Liabilities)': `<svg class="w-4 h-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <g fill="none" fill-rule="evenodd">
-              <path d="M7.332 11.36l4.666-3.734 2 1.6V.666A.667.667 0 0013.332 0h-12a.667.667 0 00-.667.667v14.666c0 .369.298.667.667.667h6v-4.64zm-4-7.36H11.3v1.333H3.332V4zm2.666 8H3.332v-1.333h2.666V12zM3.332 8.667V7.333h5.333v1.334H3.332z" fill="#415668"/>
-              <path d="M15.332 12l-3.334-2.667L8.665 12v3.333c0 .369.298.667.667.667h2v-2h1.333v2h2a.667.667 0 00.667-.667V12z" fill="#A1ABB4"/>
+              <path d="M7.332 11.36l4.666-3.734 2 1.6V.666A.667.667 0 0013.332 0h-12a.667.667 0 00-.667.667v14.666c0 .369.298.667.667.667h6v-4.64zm-4-7.36H11.3v1.333H3.332V4zm2.666 8H3.332v-1.333h2.666V12zM3.332 8.667V7.333h5.333v1.334H3.332z" fill="${uicolors.gray[700]}"/>
+              <path d="M15.332 12l-3.334-2.667L8.665 12v3.333c0 .369.298.667.667.667h2v-2h1.333v2h2a.667.667 0 00.667-.667V12z" fill="${uicolors.gray[400]}"/>
             </g>
           </svg>`,
       };
 
       let leaf = `<svg class="w-2 h-2" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg">
-        <circle stroke="#415668" cx="4" cy="4" r="3.5" fill="none" fill-rule="evenodd"/>
+        <circle stroke="${uicolors.gray[700]}" cx="4" cy="4" r="3.5" fill="none" fill-rule="evenodd"/>
       </svg>`;
 
       let folder = `<svg class="w-3 h-3" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-        <path d="M8.333 3.367L6.333.7H.667A.667.667 0 000 1.367v12a2 2 0 002 2h12a2 2 0 002-2V4.033a.667.667 0 00-.667-.666h-7z" fill="#415668" fill-rule="evenodd"/>
+        <path d="M8.333 3.367L6.333.7H.667A.667.667 0 000 1.367v12a2 2 0 002 2h12a2 2 0 002-2V4.033a.667.667 0 00-.667-.666h-7z" fill="${uicolors.gray[700]}" fill-rule="evenodd"/>
       </svg>`;
 
       let icon = isGroup ? folder : leaf;

From 5635772f8f924f3c630bb2554137631686c4474b Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Fri, 1 Sep 2023 13:52:47 +0530
Subject: [PATCH 2/7] chore: adjust UI colors - buttons, tabs, sidebar -
 search, etc

---
 src/components/Button.vue                         |  2 +-
 src/components/FormContainer.vue                  |  4 ++--
 src/components/Icons/base.vue                     |  4 ++--
 src/components/Loading.vue                        |  3 ++-
 src/components/SearchBar.vue                      |  6 +++---
 src/components/Sidebar.vue                        | 14 +++++++-------
 src/pages/CommonForm/CommonForm.vue               |  4 ++--
 src/pages/Settings/Settings.vue                   |  4 ++--
 src/pages/TemplateBuilder/TemplateBuilderHint.vue |  8 ++++----
 src/utils/search.ts                               |  2 +-
 10 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/components/Button.vue b/src/components/Button.vue
index 78f0b738..7b3c05fe 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -40,7 +40,7 @@ export default defineComponent({
       return {
         'opacity-50 cursor-not-allowed pointer-events-none': this.disabled,
         'text-white': this.type === 'primary',
-        'bg-blue-500': this.type === 'primary' && this.background,
+        'bg-black': this.type === 'primary' && this.background,
         'text-gray-700': this.type !== 'primary',
         'bg-gray-200': this.type !== 'primary' && this.background,
         'h-8': this.background,
diff --git a/src/components/FormContainer.vue b/src/components/FormContainer.vue
index a41c6b09..13ebdd8d 100644
--- a/src/components/FormContainer.vue
+++ b/src/components/FormContainer.vue
@@ -5,7 +5,7 @@
       <PageHeader
         v-if="showHeader"
         :title="title"
-        :border="useFullWidth"
+        :border="false"
         :searchborder="searchborder"
       >
         <template #left>
@@ -19,7 +19,7 @@
         class="flex flex-col self-center h-full overflow-auto bg-white"
         :class="
           useFullWidth
-            ? 'w-full'
+            ? 'w-full border-t'
             : 'w-form border rounded-lg shadow-lg mb-4 mx-4'
         "
       >
diff --git a/src/components/Icons/base.vue b/src/components/Icons/base.vue
index e78eb651..bf945bf1 100644
--- a/src/components/Icons/base.vue
+++ b/src/components/Icons/base.vue
@@ -6,10 +6,10 @@ export default {
   props: ['active'],
   computed: {
     lightColor() {
-      return this.active ? uicolors.blue['300'] : uicolors.gray['500'];
+      return this.active ? uicolors.gray['600'] : uicolors.gray['500'];
     },
     darkColor() {
-      return this.active ? uicolors.blue['500'] : uicolors.gray['700'];
+      return this.active ? uicolors.gray['800'] : uicolors.gray['600'];
     },
   },
 };
diff --git a/src/components/Loading.vue b/src/components/Loading.vue
index c1d8e8c4..60f810e8 100644
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -7,6 +7,7 @@
     <!-- Loading Continer -->
     <div
       class="
+        border
         text-gray-900
         shadow-lg
         px-3
@@ -33,7 +34,7 @@
           <!-- Loading Bar -->
           <div
             v-if="percent >= 0"
-            class="h-3 rounded bg-blue-400"
+            class="h-3 rounded bg-gray-800"
             :style="{ width: `${percent * 100}%` }"
           ></div>
         </div>
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 0bd97228..13b4526c 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -41,13 +41,13 @@
       <hr v-if="suggestions.length" />
 
       <!-- Search List -->
-      <div :style="`max-height: ${49 * 6 - 1}px`" class="overflow-auto">
+      <div :style="`max-height: ${49 * 6 - 1}px`" class="overflow-auto custom-scroll">
         <div
           v-for="(si, i) in suggestions"
           :key="`${i}-${si.label}`"
           :data-index="`search-suggestion-${i}`"
           class="hover:bg-gray-50 cursor-pointer"
-          :class="idx === i ? 'border-blue-500 bg-gray-50 border-s-4' : ''"
+          :class="idx === i ? 'border-gray-700 bg-gray-50 border-s-4' : ''"
           @click="select(i)"
         >
           <!-- Search List Item -->
@@ -57,7 +57,7 @@
           >
             <div class="flex items-center">
               <p
-                :class="idx === i ? 'text-blue-600' : 'text-gray-900'"
+                :class="idx === i ? 'text-gray-900' : 'text-gray-700'"
                 :style="idx === i ? 'margin-left: -4px' : ''"
               >
                 {{ si.label }}
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index a788bf8a..d3f121ed 100644
--- 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-gray-25 relative"
+    class="py-2 h-full flex justify-between flex-col bg-white relative"
     :class="{
       'window-drag': platform !== 'Windows',
     }"
@@ -33,7 +33,7 @@
           class="px-4 flex items-center cursor-pointer hover:bg-gray-100 h-10"
           :class="
             isGroupActive(group) && !group.items
-              ? 'bg-gray-100 border-s-4 border-blue-500'
+              ? 'bg-gray-100 border-s-4 border-gray-800'
               : ''
           "
           @click="routeToSidebarItem(group)"
@@ -47,8 +47,8 @@
             :class="isGroupActive(group) && !group.items ? '-ms-1' : ''"
           />
           <div
-            class="ms-2 text-lg text-gray-900"
-            :class="isGroupActive(group) && !group.items && 'text-blue-600'"
+            class="ms-2 text-lg text-gray-700"
+            :class="isGroupActive(group) && !group.items && 'text-gray-900'"
           >
             {{ group.label }}
           </div>
@@ -60,7 +60,7 @@
             v-for="item in group.items"
             :key="item.label"
             class="
-              text-base text-gray-800
+              text-base
               h-10
               ps-10
               cursor-pointer
@@ -70,8 +70,8 @@
             "
             :class="
               isItemActive(item)
-                ? 'bg-gray-100 text-blue-600 border-s-4 border-blue-500'
-                : ''
+                ? 'bg-gray-100 text-gray-900 border-s-4 border-gray-800'
+                : 'text-gray-700'
             "
             @click="routeToSidebarItem(item)"
           >
diff --git a/src/pages/CommonForm/CommonForm.vue b/src/pages/CommonForm/CommonForm.vue
index c093809c..71fd882a 100644
--- a/src/pages/CommonForm/CommonForm.vue
+++ b/src/pages/CommonForm/CommonForm.vue
@@ -119,8 +119,8 @@
           class="text-sm cursor-pointer"
           :class="
             key === activeTab
-              ? 'text-blue-500 font-semibold border-t-2 border-blue-500'
-              : ''
+              ? 'text-gray-900 font-semibold border-t-2 border-gray-800'
+              : 'text-gray-700'
           "
           :style="{
             paddingTop: key === activeTab ? 'calc(1rem - 2px)' : '1rem',
diff --git a/src/pages/Settings/Settings.vue b/src/pages/Settings/Settings.vue
index 65716363..7973cbb2 100644
--- a/src/pages/Settings/Settings.vue
+++ b/src/pages/Settings/Settings.vue
@@ -52,8 +52,8 @@
           class="text-sm cursor-pointer"
           :class="
             key === activeTab
-              ? 'text-blue-500 font-semibold border-t-2 border-blue-500'
-              : ''
+              ? 'text-gray-900 font-semibold border-t-2 border-gray-800'
+              : 'text-gray-700'
           "
           :style="{
             paddingTop: key === activeTab ? 'calc(1rem - 2px)' : '1rem',
diff --git a/src/pages/TemplateBuilder/TemplateBuilderHint.vue b/src/pages/TemplateBuilder/TemplateBuilderHint.vue
index 768830fa..724cc77a 100644
--- a/src/pages/TemplateBuilder/TemplateBuilderHint.vue
+++ b/src/pages/TemplateBuilder/TemplateBuilderHint.vue
@@ -21,8 +21,8 @@
           v-else-if="Array.isArray(r.value)"
           class="
             text-blue-600
-            bg-blue-50
-            border-blue-200 border
+            bg-blue-100
+            border-white border
             tracking-tighter
             rounded
             text-xs
@@ -35,8 +35,8 @@
           v-else
           class="
             text-pink-600
-            bg-pink-50
-            border-pink-200 border
+            bg-pink-100
+            border-white border
             tracking-tighter
             rounded
             text-xs
diff --git a/src/utils/search.ts b/src/utils/search.ts
index 194b1654..3021bb8f 100644
--- a/src/utils/search.ts
+++ b/src/utils/search.ts
@@ -195,7 +195,7 @@ function getListViewList(fyo: Fyo): SearchItem[] {
     ModelNameEnum.PrintTemplate,
   ];
 
-  if (fyo.doc.singles.AccountingSettings?.enableInventory) {
+  if (fyo.doc.singles.AccountingSecuttings?.enableInventory) {
     schemaNames.push(
       ModelNameEnum.StockMovement,
       ModelNameEnum.Shipment,

From a24d6053b66d2a749419739a33dc1fbc198bae05 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Fri, 1 Sep 2023 14:01:27 +0530
Subject: [PATCH 3/7] chore: fix sidebar bg - add gray-25, swap blue-500 and
 pink-500 - fix charts

---
 colors.json                   | 5 +++--
 src/components/Icons/base.vue | 2 +-
 src/components/Sidebar.vue    | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/colors.json b/colors.json
index 221f5fb0..428e9f44 100644
--- 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
index bf945bf1..afca2b1a 100644
--- 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
index d3f121ed..581eb87a 100644
--- 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',
     }"

From 95583501c77a5385317b9c5416d4121b628439e6 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Mon, 4 Sep 2023 12:36:54 +0530
Subject: [PATCH 4/7] fix(ui): border alignment in full width view

---
 src/pages/CommonForm/LinkedEntries.vue | 3 +--
 src/pages/QuickEditForm.vue            | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/CommonForm/LinkedEntries.vue b/src/pages/CommonForm/LinkedEntries.vue
index 4904dcc5..74e1ad53 100644
--- a/src/pages/CommonForm/LinkedEntries.vue
+++ b/src/pages/CommonForm/LinkedEntries.vue
@@ -10,7 +10,6 @@
         h-row-largest
         sticky
         top-0
-        border-b
         bg-white
       "
       style="z-index: 1"
@@ -28,7 +27,7 @@
     <!-- Linked Entry List -->
     <div
       v-if="sequence.length"
-      class="w-full overflow-y-auto custom-scroll"
+      class="w-full overflow-y-auto custom-scroll border-t"
       style="height: calc(100vh - var(--h-row-largest) - 1px)"
     >
       <div v-for="sn of sequence" :key="sn" class="border-b p-4">
diff --git a/src/pages/QuickEditForm.vue b/src/pages/QuickEditForm.vue
index 1c6e50d4..9beaf1c2 100644
--- a/src/pages/QuickEditForm.vue
+++ b/src/pages/QuickEditForm.vue
@@ -10,7 +10,6 @@
         h-row-largest
         sticky
         top-0
-        border-b
         bg-white
       "
       style="z-index: 1"
@@ -44,7 +43,7 @@
     <!-- Name and image -->
     <div
       v-if="doc && (titleField || imageField)"
-      class="items-center border-b"
+      class="items-center border-b border-t"
       :class="imageField ? 'grid' : 'flex justify-center'"
       :style="{
         height: `calc(var(--h-row-mid) * ${!!imageField ? '2 + 1px' : '1'})`,

From 62db99b25159c84643018a285b373190b891c5d0 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Mon, 4 Sep 2023 12:37:19 +0530
Subject: [PATCH 5/7] fix: allow import if ct not required

---
 src/importer.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/importer.ts b/src/importer.ts
index c5e5854f..701943df 100644
--- a/src/importer.ts
+++ b/src/importer.ts
@@ -570,6 +570,16 @@ function getTemplateFields(
   ];
   const fields: TemplateField[] = [];
 
+  const targetSchemaFieldMap =
+    fyo.schemaMap[importer.schemaName]?.fields.reduce((acc, f) => {
+      if (!(f as TargetField).target) {
+        return acc;
+      }
+
+      acc[f.fieldname] = f;
+      return acc;
+    }, {} as Record<string, Field>) ?? {};
+
   while (schemas.length) {
     const { schema, parentSchemaChildField } = schemas.pop() ?? {};
     if (!schema) {
@@ -608,6 +618,14 @@ function getTemplateFields(
         tf.required = false;
       }
 
+      if (
+        schema.isChild &&
+        tf.required &&
+        !targetSchemaFieldMap[tf.schemaName ?? '']?.required
+      ) {
+        tf.required = false;
+      }
+
       const schemaName = schema.name;
       const schemaLabel = schema.label;
       const fieldKey = `${schema.name}.${field.fieldname}`;

From 140b2ce5bea6cf44b0572457d08f5e222b620bcf Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Thu, 7 Sep 2023 09:31:37 +0530
Subject: [PATCH 6/7] fix: add suriname currency and locale

---
 fixtures/countryInfo.json | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/fixtures/countryInfo.json b/fixtures/countryInfo.json
index 25c9e45a..2c7f3f01 100644
--- a/fixtures/countryInfo.json
+++ b/fixtures/countryInfo.json
@@ -1905,10 +1905,13 @@
   },
   "Suriname": {
     "code": "sr",
+    "currency": "SRD",
     "currency_fraction": "Cent",
     "currency_fraction_units": 100,
+    "currency_name": "Surinamese Dollar",
     "currency_symbol": "$",
-    "timezones": ["America/Paramaribo"]
+    "timezones": ["America/Paramaribo"],
+    "locale": "nl-SR"
   },
   "Svalbard and Jan Mayen": {
     "code": "sj"

From e6a68d98b5e27d98c62637f2f1d32f9d7f7033f0 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Tue, 12 Sep 2023 12:03:14 +0530
Subject: [PATCH 7/7] chore: fix lint

---
 src/components/SearchBar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 13b4526c..2d9d18d4 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -41,7 +41,10 @@
       <hr v-if="suggestions.length" />
 
       <!-- Search List -->
-      <div :style="`max-height: ${49 * 6 - 1}px`" class="overflow-auto custom-scroll">
+      <div
+        :style="`max-height: ${49 * 6 - 1}px`"
+        class="overflow-auto custom-scroll"
+      >
         <div
           v-for="(si, i) in suggestions"
           :key="`${i}-${si.label}`"