Merge branch 'dark-mode' of github.com:crater-invoice/crater into dark-admin-login

fix dark mode classes
add customer dark mode login
2025-12-15 09:52:55 -05:00 · 2023-03-30 17:42:33 +05:30 · 2023-03-30 17:29:28 +05:30 · 2023-03-30 15:05:37 +05:30 · 2023-03-30 15:05:37 +05:30 · 2023-03-30 15:05:37 +05:30
10 changed files with 175 additions and 196 deletions
--- a/resources/scripts/admin/components/SelectNotePopup.vue
+++ b/resources/scripts/admin/components/SelectNotePopup.vue
@@ -43,12 +43,6 @@
            max-w-full
            left-0
            top-3
-            bg-white
-            dark:border
-            dark:border-white/10
-            dark:text-white
-            dark:bg-gray-800
-            dark:shadow-glass
          "
        >
          <div
@@ -59,7 +53,7 @@
              ring-1 ring-black ring-opacity-5
            "
          >
-            <div class="relative grid bg-white dark:bg-gray-800">
+            <div class="relative grid bg-white">
              <div class="relative p-4">
                <BaseInput
                  v-model="textSearch"
@@ -72,7 +66,7 @@

              <div
                v-if="filteredNotes.length > 0"
-                class="relative flex flex-col overflow-auto list max-h-36 dark:border-white/10"
+                class="relative flex flex-col overflow-auto list max-h-36"
              >
                <div
                  v-for="(note, index) in filteredNotes"
@@ -85,8 +79,6 @@
                    cursor-pointer
                    hover:bg-gray-100 hover:cursor-pointer
                    last:border-b-0
-                    dark:border-gray-600
-                    dark:border-white/10 dark:hover:bg-gray-700/30
                  "
                  @click="selectNote(index, close)"
                >
@@ -127,10 +119,6 @@
                bg-gray-200
                border-none
                outline-none
-                dark:bg-gray-600/70
-                dark:backdrop-blur-xl
-                dark:shadow-glass
-                dark:hover:bg-gray-600/80
              "
              @click="openNoteModal"
            >
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue
@@ -1,13 +1,5 @@
 <template>
-  <tr
-    class="
-      box-border
-      bg-white
-      border border-gray-200 border-solid
-      rounded-b
-      dark:shadow-glass dark:border dark:border-white/10 dark:bg-gray-800/70
-      "
-    >
+  <tr class="box-border bg-white border border-gray-200 border-solid rounded-b">
    <td colspan="5" class="p-0 text-left align-top">
      <table class="w-full">
        <colgroup>
@@ -138,7 +130,7 @@
                <div class="flex items-center justify-center w-6 h-10 mx-2">
                  <BaseIcon
                    v-if="showRemoveButton"
-                    class="h-5 dark:text-red-400 cursor-pointer"
+                    class="h-5 text-gray-700 cursor-pointer"
                    name="TrashIcon"
                    @click="store.removeItem(index)"
                  />
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateItems.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateItems.vue
@@ -1,113 +1,155 @@
 <template>
-  <div class="relative" >
-    <BaseDarkHighlight class="z-[-1]" />
-    <table class="text-center item-table min-w-full">
-      <colgroup>
-        <col style="width: 40%; min-width: 280px" />
-        <col style="width: 10%; min-width: 120px" />
-        <col style="width: 15%; min-width: 120px" />
-        <col
-          v-if="store[storeProp].discount_per_item === 'YES'"
-          style="width: 15%; min-width: 160px"
-        />
-        <col style="width: 15%; min-width: 120px" />
-      </colgroup>
-      <thead
-        class="
-          bg-white
-          border border-gray-200 border-solid
-          dark:shadow-glass dark:border dark:border-white/10 dark:bg-gray-800/70
+  <table class="text-center item-table min-w-full">
+    <colgroup>
+      <col style="width: 40%; min-width: 280px" />
+      <col style="width: 10%; min-width: 120px" />
+      <col style="width: 15%; min-width: 120px" />
+      <col
+        v-if="store[storeProp].discount_per_item === 'YES'"
+        style="width: 15%; min-width: 160px"
+      />
+      <col style="width: 15%; min-width: 120px" />
+    </colgroup>
+    <thead class="bg-white border border-gray-200 border-solid">
+      <tr>
+        <th
+          class="
+            px-5
+            py-3
+            text-sm
+            not-italic
+            font-medium
+            leading-5
+            text-left text-gray-700
+            border-t border-b border-gray-200 border-solid
          "
        >
-        <tr>
-          <th class="text-left" :class="theadClass">
-            <BaseContentPlaceholders v-if="isLoading">
-              <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
-            </BaseContentPlaceholders>
-            <span v-else class="pl-7">
-              {{ $tc('items.item', 2) }}
-            </span>
-          </th>
-          <th class="text-right" :class="theadClass">
-            <BaseContentPlaceholders v-if="isLoading">
-              <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
-            </BaseContentPlaceholders>
-            <span v-else>
-              {{ $t('invoices.item.quantity') }}
-            </span>
-          </th>
-          <th class="text-left" :class="theadClass">
-            <BaseContentPlaceholders v-if="isLoading">
-              <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
-            </BaseContentPlaceholders>
-            <span v-else>
-              {{ $t('invoices.item.price') }}
-            </span>
-          </th>
-          <th
-            v-if="store[storeProp].discount_per_item_enabled"
-            class="text-left"
-            :class="theadClass"
-          >
-            <BaseContentPlaceholders v-if="isLoading">
-              <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
-            </BaseContentPlaceholders>
-            <span v-else>
-              {{ $t('invoices.item.discount') }}
-            </span>
-          </th>
-          <th class="text-right" :class="theadClass">
-            <BaseContentPlaceholders v-if="isLoading">
-              <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
-            </BaseContentPlaceholders>
-            <span v-else class="pr-10 column-heading">
-              {{ $t('invoices.item.amount') }}
-            </span>
-          </th>
-        </tr>
-      </thead>
-      <draggable
-        v-model="store[storeProp].items"
-        item-key="id"
-        tag="tbody"
-        handle=".handle"
-      >
-        <template #item="{ element, index }">
-          <Item
-            :key="element.id"
-            :index="index"
-            :item-data="element"
-            :loading="isLoading"
-            :currency="defaultCurrency"
-            :item-validation-scope="itemValidationScope"
-            :invoice-items="store[storeProp].items"
-            :store="store"
-            :store-prop="storeProp"
-          />
-        </template>
-      </draggable>
-    </table>
-
-    <div
-      class="
-        flex
-        items-center
-        justify-center
-        w-full
-        px-6
-        py-3
-        text-base
-        border border-t-0 border-gray-200 border-solid
-        cursor-pointer
-        text-primary-400
-        hover:bg-primary-100
-        dark:bg-gray-900/50 dark:border-white/10 dark:hover:bg-gray-900/80
-      "
-      @click="store.addItem"
+          <BaseContentPlaceholders v-if="isLoading">
+            <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
+          </BaseContentPlaceholders>
+          <span v-else class="pl-7">
+            {{ $tc('items.item', 2) }}
+          </span>
+        </th>
+        <th
+          class="
+            px-5
+            py-3
+            text-sm
+            not-italic
+            font-medium
+            leading-5
+            text-right text-gray-700
+            border-t border-b border-gray-200 border-solid
+          "
+        >
+          <BaseContentPlaceholders v-if="isLoading">
+            <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
+          </BaseContentPlaceholders>
+          <span v-else>
+            {{ $t('invoices.item.quantity') }}
+          </span>
+        </th>
+        <th
+          class="
+            px-5
+            py-3
+            text-sm
+            not-italic
+            font-medium
+            leading-5
+            text-left text-gray-700
+            border-t border-b border-gray-200 border-solid
+          "
+        >
+          <BaseContentPlaceholders v-if="isLoading">
+            <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
+          </BaseContentPlaceholders>
+          <span v-else>
+            {{ $t('invoices.item.price') }}
+          </span>
+        </th>
+        <th
+          v-if="store[storeProp].discount_per_item === 'YES'"
+          class="
+            px-5
+            py-3
+            text-sm
+            not-italic
+            font-medium
+            leading-5
+            text-left text-gray-700
+            border-t border-b border-gray-200 border-solid
+          "
+        >
+          <BaseContentPlaceholders v-if="isLoading">
+            <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
+          </BaseContentPlaceholders>
+          <span v-else>
+            {{ $t('invoices.item.discount') }}
+          </span>
+        </th>
+        <th
+          class="
+            px-5
+            py-3
+            text-sm
+            not-italic
+            font-medium
+            leading-5
+            text-right text-gray-700
+            border-t border-b border-gray-200 border-solid
+          "
+        >
+          <BaseContentPlaceholders v-if="isLoading">
+            <BaseContentPlaceholdersText :lines="1" class="w-16 h-5" />
+          </BaseContentPlaceholders>
+          <span v-else class="pr-10 column-heading">
+            {{ $t('invoices.item.amount') }}
+          </span>
+        </th>
+      </tr>
+    </thead>
+    <draggable
+      v-model="store[storeProp].items"
+      item-key="id"
+      tag="tbody"
+      handle=".handle"
    >
-      <BaseIcon name="PlusCircleIcon" class="mr-2" />
-      {{ $t('general.add_new_item') }}
-    </div>
+      <template #item="{ element, index }">
+        <Item
+          :key="element.id"
+          :index="index"
+          :item-data="element"
+          :loading="isLoading"
+          :currency="defaultCurrency"
+          :item-validation-scope="itemValidationScope"
+          :invoice-items="store[storeProp].items"
+          :store="store"
+          :store-prop="storeProp"
+        />
+      </template>
+    </draggable>
+  </table>
+
+  <div
+    class="
+      flex
+      items-center
+      justify-center
+      w-full
+      px-6
+      py-3
+      text-base
+      border border-t-0 border-gray-200 border-solid
+      cursor-pointer
+      text-primary-400
+      hover:bg-primary-100
+    "
+    @click="store.addItem"
+  >
+    <BaseIcon name="PlusCircleIcon" class="mr-2" />
+    {{ $t('general.add_new_item') }}
  </div>
 </template>

@@ -138,11 +180,6 @@ const props = defineProps({
    type: String,
    default: '',
  },
-  theadClass: {
-    type: String,
-    default: `px-5 py-3 text-sm not-italic font-medium leading-5
-              text-gray-700 border-t border-b border-gray-200 border-solid dark:text-white dark:border-white/10`
-  },
 })

 const companyStore = useCompanyStore()
--- a/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue
@@ -6,7 +6,6 @@
      mt-6
      bg-white
      border border-gray-200 border-solid
-      dark:bg-gray-800/50 dark:border-white/10
      rounded
      md:min-w-[390px]
      min-w-[300px]
@@ -193,7 +192,6 @@
        pt-2
        mt-5
        border-t border-gray-200 border-solid
-        dark:border-gray-600
      "
    >
      <BaseContentPlaceholders v-if="isLoading">
@@ -201,7 +199,7 @@
      </BaseContentPlaceholders>
      <label
        v-else
-        class="m-0 text-sm font-semibold leading-5 text-gray-400 uppercase dark:text-gray-400"
+        class="m-0 text-sm font-semibold leading-5 text-gray-400 uppercase"
        >{{ $t('estimates.total') }} {{ $t('estimates.amount') }}:</label
      >

--- a/resources/scripts/admin/components/estimate-invoice-common/CreateTotalTaxes.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/CreateTotalTaxes.vue
@@ -17,7 +17,7 @@

      <BaseIcon
        name="TrashIcon"
-        class="h-5 ml-2 cursor-pointer dark:text-red-400"
+        class="h-5 ml-2 cursor-pointer"
        @click="$emit('remove', tax.id)"
      />
    </label>
--- a/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue
+++ b/resources/scripts/admin/components/estimate-invoice-common/SelectTaxPopup.vue
@@ -44,7 +44,7 @@
            >
              <!-- Tax Search Input  -->

-              <div class="relative bg-white dark:bg-gray-800">
+              <div class="relative bg-white">
                <div class="relative p-4">
                  <BaseInput
                    v-model="textSearch"
@@ -65,14 +65,13 @@
                    list
                    max-h-36
                    border-t border-gray-200
-                    dark:border-gray-600
                  "
                >
                  <div
                    v-for="(taxType, index) in filteredTaxType"
                    :key="index"
                    :class="{
-                      'bg-gray-100 cursor-not-allowed opacity-50 pointer-events-none dark:bg-gray-900':
+                      'bg-gray-100 cursor-not-allowed opacity-50 pointer-events-none':
                        taxes.find((val) => {
                          return val.tax_type_id === taxType.id
                        }),
@@ -85,7 +84,6 @@
                      cursor-pointer
                      hover:bg-gray-100 hover:cursor-pointer
                      last:border-b-0
-                      dark:border-gray-600 dark:hover:bg-gray-700/20
                    "
                    @click="selectTaxType(taxType, close)"
                  >
@@ -142,10 +140,6 @@
                  bg-gray-200
                  border-none
                  outline-none
-                  dark:bg-gray-600/70
-                  dark:backdrop-blur-xl
-                  dark:shadow-glass
-                  dark:hover:bg-gray-600/80
                "
                @click="openTaxTypeModal"
              >
--- a/resources/scripts/admin/views/estimates/View.vue
+++ b/resources/scripts/admin/views/estimates/View.vue
@@ -50,7 +50,6 @@
        xl:ml-64
        w-88
        xl:block
-        dark:bg-gray-800
      "
    >
      <div
@@ -63,7 +62,6 @@
          pb-2
          border border-gray-200 border-solid
          height-full
-          dark:border-gray-600
        "
      >
        <div class="mb-6">
@@ -98,10 +96,9 @@
                px-4
                py-1
                pb-2
-                mb-2
+                mb-1 mb-2
                text-sm
                border-b border-gray-200 border-solid
-                dark:border-gray-600
              "
            >
              {{ $t('general.sort_by') }}
@@ -164,7 +161,6 @@
          overflow-y-scroll
          border-l border-gray-200 border-solid
          base-scroll
-          dark:border-gray-600
        "
      >
        <div v-for="(estimate, index) in estimateList" :key="index">
@@ -173,9 +169,9 @@
            :id="'estimate-' + estimate.id"
            :to="`/admin/estimates/${estimate.id}/view`"
            :class="[
-              'flex justify-between side-estimate p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent dark:hover:bg-gray-700',
+              'flex justify-between side-estimate p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
              {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid dark:border-primary-400 dark:bg-gray-700':
+                'bg-gray-100 border-l-4 border-primary-500 border-solid':
                  hasActiveUrl(estimate.id),
              },
            ]"
@@ -195,7 +191,6 @@
                  text-black
                  capitalize
                  truncate
-                  dark:text-white
                "
              />

@@ -208,7 +203,6 @@
                  font-medium
                  leading-5
                  text-gray-600
-                  dark:text-gray-400
                "
              >
                {{ estimate.estimate_number }}
@@ -234,7 +228,6 @@
                  font-semibold
                  leading-8
                  text-right text-gray-900
-                  dark:text-white
                "
              />

@@ -246,7 +239,6 @@
                  leading-5
                  text-right text-gray-600
                  est-date
-                  dark:text-gray-400
                "
              >
                {{ estimate.formatted_estimate_date }}
@@ -259,7 +251,7 @@
        </div>
        <p
          v-if="!estimateList?.length && !isLoading"
-          class="flex justify-center px-4 mt-5 text-sm text-gray-600 dark:text-gray-300"
+          class="flex justify-center px-4 mt-5 text-sm text-gray-600"
        >
          {{ $t('estimates.no_matching_estimates') }}
        </p>
--- a/resources/scripts/admin/views/invoices/View.vue
+++ b/resources/scripts/admin/views/invoices/View.vue
@@ -299,7 +299,6 @@ onSearched = debounce(onSearched, 500)
        xl:ml-64
        w-88
        xl:block
-        dark:bg-gray-800
      "
    >
      <div
@@ -312,7 +311,6 @@ onSearched = debounce(onSearched, 500)
          pb-2
          border border-gray-200 border-solid
          height-full
-          dark:border-gray-600
        "
      >
        <div class="mb-6">
@@ -341,10 +339,9 @@ onSearched = debounce(onSearched, 500)
                px-2
                py-1
                pb-2
-                mb-2
+                mb-1 mb-2
                text-sm
                border-b border-gray-200 border-solid
-                dark:border-gray-600
              "
            >
              {{ $t('general.sort_by') }}
@@ -407,7 +404,6 @@ onSearched = debounce(onSearched, 500)
          overflow-y-scroll
          border-l border-gray-200 border-solid
          base-scroll
-          dark:border-gray-600
        "
      >
        <div v-for="(invoice, index) in invoiceList" :key="index">
@@ -416,9 +412,9 @@ onSearched = debounce(onSearched, 500)
            :id="'invoice-' + invoice.id"
            :to="`/admin/invoices/${invoice.id}/view`"
            :class="[
-              'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent dark:hover:bg-gray-700',
+              'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
              {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid dark:bg-gray-700':
+                'bg-gray-100 border-l-4 border-primary-500 border-solid':
                  hasActiveUrl(invoice.id),
              },
            ]"
@@ -438,7 +434,6 @@ onSearched = debounce(onSearched, 500)
                  text-black
                  capitalize
                  truncate
-                  dark:text-white
                "
              />

@@ -451,17 +446,16 @@ onSearched = debounce(onSearched, 500)
                  font-medium
                  leading-5
                  text-gray-600
-                  dark:text-gray-400
                "
              >
                {{ invoice.invoice_number }}
              </div>
-              <BaseInvoiceStatusBadge
+              <BaseEstimateStatusBadge
                :status="invoice.status"
                class="px-1 text-xs"
              >
                {{ invoice.status }}
-              </BaseInvoiceStatusBadge>
+              </BaseEstimateStatusBadge>
            </div>

            <div class="flex-1 whitespace-nowrap right">
@@ -474,7 +468,6 @@ onSearched = debounce(onSearched, 500)
                  leading-8
                  text-right text-gray-900
                  block
-                  dark:text-white
                "
                :amount="invoice.total"
                :currency="invoice.customer.currency"
@@ -487,7 +480,6 @@ onSearched = debounce(onSearched, 500)
                  leading-5
                  text-right text-gray-600
                  est-date
-                  dark:text-gray-400
                "
              >
                {{ invoice.formatted_invoice_date }}
@@ -500,7 +492,7 @@ onSearched = debounce(onSearched, 500)
        </div>
        <p
          v-if="!invoiceList?.length && !isLoading"
-          class="flex justify-center px-4 mt-5 text-sm text-gray-600 dark:text-gray-300"
+          class="flex justify-center px-4 mt-5 text-sm text-gray-600"
        >
          {{ $t('invoices.no_matching_invoices') }}
        </p>
--- a/resources/scripts/admin/views/payments/View.vue
+++ b/resources/scripts/admin/views/payments/View.vue
@@ -35,7 +35,6 @@
        xl:ml-64
        w-88
        xl:block
-        dark:bg-gray-800
      "
    >
      <div
@@ -47,7 +46,6 @@
          pt-8
          pb-6
          border border-gray-200 border-solid
-          dark:border-gray-600
        "
      >
        <BaseInput
@@ -79,7 +77,6 @@
                mb-2
                text-sm
                border-b border-gray-200 border-solid
-                dark:border-gray-600
              "
            >
              {{ $t('general.sort_by') }}
@@ -142,7 +139,7 @@

      <div
        ref="paymentListSection"
-        class="h-full overflow-y-scroll border-l border-gray-200 border-solid dark:border-gray-600"
+        class="h-full overflow-y-scroll border-l border-gray-200 border-solid"
      >
        <div v-for="(payment, index) in paymentList" :key="index">
          <router-link
@@ -150,9 +147,9 @@
            :id="'payment-' + payment.id"
            :to="`/admin/payments/${payment.id}/view`"
            :class="[
-              'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent dark:hover:bg-gray-700',
+              'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent',
              {
-                'bg-gray-100 border-l-4 border-primary-500 border-solid dark:bg-gray-700':
+                'bg-gray-100 border-l-4 border-primary-500 border-solid':
                  hasActiveUrl(payment.id),
              },
            ]"
@@ -172,7 +169,6 @@
                  text-black
                  capitalize
                  truncate
-                  dark:text-white
                "
              />

@@ -185,7 +181,6 @@
                  leading-5
                  text-gray-500
                  capitalize
-                  dark:text-gray-400
                "
              >
                {{ payment?.payment_number }}
@@ -216,13 +211,12 @@
                  font-semibold
                  leading-8
                  text-right text-gray-900
-                  dark:text-white
                "
                :amount="payment?.amount"
                :currency="payment.customer?.currency"
              />

-              <div class="text-sm text-right text-gray-500 non-italic dark:text-gray-400">
+              <div class="text-sm text-right text-gray-500 non-italic">
                {{ payment.formatted_payment_date }}
              </div>
            </div>
@@ -233,7 +227,7 @@
        </div>
        <p
          v-if="!paymentList?.length && !isLoading"
-          class="flex justify-center px-4 mt-5 text-sm text-gray-600 dark:text-gray-300"
+          class="flex justify-center px-4 mt-5 text-sm text-gray-600"
        >
          {{ $t('payments.no_matching_payments') }}
        </p>
--- a/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue
+++ b/resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceViewSidebar.vue
@@ -152,7 +152,6 @@ onSearched = debounce(onSearched, 500)
      xl:ml-64
      w-88
      xl:block
-      dark:bg-gray-800
    "
  >
    <div
@@ -165,7 +164,6 @@ onSearched = debounce(onSearched, 500)
        pb-2
        border border-gray-200 border-solid
        height-full
-        dark:border-gray-600
      "
    >
      <div class="mb-6">
@@ -194,10 +192,9 @@ onSearched = debounce(onSearched, 500)
              px-2
              py-1
              pb-2
-              mb-2
+              mb-1 mb-2
              text-sm
              border-b border-gray-200 border-solid
-              dark:border-gray-600
            "
          >
            {{ $t('general.sort_by') }}
@@ -246,7 +243,6 @@ onSearched = debounce(onSearched, 500)
        overflow-y-scroll
        border-l border-gray-200 border-solid
        base-scroll
-        dark:border-gray-600
      "
    >
      <div v-for="(invoice, index) in invoiceList" :key="index">
@@ -255,9 +251,9 @@ onSearched = debounce(onSearched, 500)
          :id="'recurring-invoice-' + invoice.id"
          :to="`/admin/recurring-invoices/${invoice.id}/view`"
          :class="[
-            'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent dark:hover:bg-gray-700',
+            'flex justify-between side-invoice p-4 cursor-pointer hover:bg-gray-100 items-center border-l-4 border-transparent',
            {
-              'bg-gray-100 border-l-4 border-primary-500 border-solid dark:bg-gray-700':
+              'bg-gray-100 border-l-4 border-primary-500 border-solid':
                hasActiveUrl(invoice.id),
            },
          ]"
@@ -277,7 +273,6 @@ onSearched = debounce(onSearched, 500)
                text-black
                capitalize
                truncate
-                dark:text-white
              "
            />

@@ -290,7 +285,6 @@ onSearched = debounce(onSearched, 500)
                font-medium
                leading-5
                text-gray-600
-                dark:text-gray-400
              "
            >
              {{ invoice.invoice_number }}
@@ -313,7 +307,6 @@ onSearched = debounce(onSearched, 500)
                font-semibold
                leading-8
                text-right text-gray-900
-                dark:text-white
              "
              :amount="invoice.total"
              :currency="invoice.customer.currency"
@@ -327,7 +320,6 @@ onSearched = debounce(onSearched, 500)
                leading-5
                text-right text-gray-600
                est-date
-                dark:text-gray-400
              "
            >
              {{ invoice.formatted_starts_at }}
@@ -340,7 +332,7 @@ onSearched = debounce(onSearched, 500)
      </div>
      <p
        v-if="!invoiceList?.length && !isLoading"
-        class="flex justify-center px-4 mt-5 text-sm text-gray-600 dark:text-gray-300"
+        class="flex justify-center px-4 mt-5 text-sm text-gray-600"
      >
        {{ $t('invoices.no_matching_invoices') }}
      </p>
Author	SHA1	Message	Date
yogesh-gohil	2bec76285c	Merge branch 'dark-mode' of github.com:crater-invoice/crater into dark-admin-login	2023-03-30 17:42:33 +05:30
yogesh-gohil	506eba30d4	fix dark mode classes	2023-03-30 17:29:28 +05:30
PayalDholakiya	dccf69293d	add customer dark mode login	2023-03-30 15:05:37 +05:30
Yogesh Gohil	9a34d48906	Dark label (#1203 ) * add dark mode for label * fix dark issue in customer view page * fix remaining label for dark mode --------- Co-authored-by: yashkanakiya <yashkanakiya281297@gmail.com>	2023-03-30 15:05:37 +05:30
Yash Kanakiya	309f20f548	Add dark mode in customer dashboard (#1199 ) * add dark mode in DashboardStatsItem * add dark mode in customer side header * add dark mode in customer view file * fix placeholder * fix base select input --------- Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com>	2023-03-30 15:05:37 +05:30
yashkanakiya	7be2646f00	add dark mode in admin login layout	2023-03-30 11:13:28 +05:30