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>
This commit is contained in:
Yogesh Gohil
2023-03-30 13:45:28 +05:30
committed by PayalDholakiya
parent 309f20f548
commit 9a34d48906
20 changed files with 78 additions and 59 deletions

View File

@ -171,7 +171,7 @@
<BaseInputGrid class="col-span-5 lg:col-span-4">
<div class="md:col-span-2">
<p class="text-sm text-gray-500">
<p class="text-sm text-gray-500 dark:text-gray-300">
{{ $t('customers.portal_access_text') }}
</p>

View File

@ -1,5 +1,5 @@
<template>
<div class="pt-6 mt-5 border-t border-solid lg:pt-8 md:pt-4 border-gray-200">
<div class="pt-6 mt-5 border-t border-solid lg:pt-8 md:pt-4 border-gray-200 dark:border-gray-600">
<!-- Basic Info -->
<BaseHeading>
{{ $t('customers.basic_info') }}

View File

@ -53,7 +53,7 @@
</div>
</div>
<div v-else class="mt-24">
<label class="flex items-center justify-center text-gray-500">
<label class="flex items-center justify-center text-gray-500 dark:text-gray-300">
{{ $t('modules.no_modules_installed') }}
</label>
</div>
@ -61,10 +61,10 @@
</div>
<BaseCard v-else class="mt-6">
<h6 class="text-gray-900 text-lg font-medium">
<h6 class="text-gray-900 text-lg font-medium dark:text-white">
{{ $t('modules.connect_installation') }}
</h6>
<p class="mt-1 text-sm text-gray-500">
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
{{
$t('modules.api_token_description', {
url: globalStore.config.base_url.replace(/^http:\/\//, ''),

View File

@ -215,7 +215,7 @@
<SelectNotePopup type="Payment" @select="onSelectNote" />
</div>
<label class="mb-4 text-sm font-medium text-gray-800">
<label class="mb-4 text-sm font-medium text-gray-800 dark:text-gray-300">
{{ $t('estimates.notes') }}
</label>

View File

@ -16,11 +16,11 @@
</div>
<div class="ml-2">
<p class="p-0 mb-1 leading-snug text-left text-black">
<p class="p-0 mb-1 leading-snug text-left text-black dark:text-white">
{{ $t('recurring_invoices.send_automatically') }}
</p>
<p
class="p-0 m-0 text-xs leading-tight text-left text-gray-500"
class="p-0 m-0 text-xs leading-tight text-left text-gray-500 dark:text-gray-400"
style="max-width: 480px"
>
{{ $t('recurring_invoices.send_automatically_desc') }}

View File

@ -27,7 +27,7 @@
>
<template #cell-name="{ row }">
{{ row.data.name }}
<span class="text-xs text-gray-500"> ({{ row.data.slug }})</span>
<span class="text-xs text-gray-500 dark:text-gray-400"> ({{ row.data.slug }})</span>
</template>
<template #cell-is_required="{ row }">
@ -60,7 +60,7 @@
<CustomFieldDropdown
:row="row.data"
:table="table"
:load-data="refreshTable"
:load-data="refreshTable"
/>
</template>
</BaseTable>

View File

@ -4,23 +4,14 @@
:description="$t('settings.update_app.description')"
>
<div class="pb-8 ml-0">
<label class="text-sm not-italic font-medium input-label">
<label
class="text-sm not-italic font-medium input-label dark:text-gray-300"
>
{{ $t('settings.update_app.current_version') }}
</label>
<div
class="
box-border
flex
w-16
p-3
my-2
text-sm text-gray-600
bg-gray-200
border border-gray-200 border-solid
rounded-md
version
"
class="box-border flex w-16 p-3 my-2 text-sm text-gray-600 bg-gray-200 border border-gray-200 border-solid dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500 rounded-md version"
>
{{ currentVersion }}
</div>
@ -42,20 +33,20 @@
{{ $t('settings.update_app.avail_update') }}
</BaseHeading>
<div class="rounded-md bg-primary-50 p-4 mb-3">
<div class="rounded-md bg-primary-50 p-4 mb-3 dark:bg-gray-600">
<div class="flex">
<div class="shrink-0">
<BaseIcon
name="InformationCircleIcon"
class="h-5 w-5 text-primary-400"
class="h-5 w-5 text-primary-400 dark:text-primary-300"
aria-hidden="true"
/>
</div>
<div class="ml-3">
<h3 class="text-sm font-medium text-primary-800">
<h3 class="text-sm font-medium text-primary-800 dark:text-primary-300">
{{ $t('general.note') }}
</h3>
<div class="mt-2 text-sm text-primary-700">
<div class="mt-2 text-sm text-primary-700 dark:text-primary-400">
<p>
{{ $t('settings.update_app.update_warning') }}
</p>
@ -75,26 +66,20 @@
w-16
p-3
my-2
text-sm text-gray-600
bg-gray-200
text-sm
text-gray-600 bg-gray-200
border border-gray-200 border-solid
rounded-md
version
dark:bg-gray-600 dark:text-gray-200
dark:border-gray-500
"
>
{{ updateData.version }}
</div>
<div
class="
pl-5
mt-4
mb-8
text-sm
leading-snug
text-gray-500
update-description
"
class="pl-5 mt-4 mb-8 text-sm leading-snug text-gray-500 update-description"
style="white-space: pre-wrap; max-width: 480px"
v-html="description"
></div>
@ -150,14 +135,7 @@
<li
v-for="step in updateSteps"
:key="step.stepUrl"
class="
flex
justify-between
w-full
py-3
border-b border-gray-200 border-solid
last:border-b-0
"
class="flex justify-between w-full py-3 border-b border-gray-200 border-solid last:border-b-0"
>
<p class="m-0 text-sm leading-8">{{ $t(step.translationKey) }}</p>
<div class="flex flex-row items-center">