chore: adjust UI colors

- buttons, tabs, sidebar
- search, etc

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,

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'
         "
       >

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'];
     },
   },
 };

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>

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 }}

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)"
           >

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',

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',

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

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,