dark mode revision

This commit is contained in:
Čarodej
2022-03-06 09:25:11 +01:00
parent 1e4649eec2
commit 23054c2257
34 changed files with 84 additions and 77 deletions
+2 -2
View File
@@ -143,7 +143,7 @@
{{ data.disk.upload.total }}
</b>
<b class="mb-3 mb-2 block text-sm text-gray-400">
<b class="mb-3 mb-2 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>
@@ -160,7 +160,7 @@
{{ data.disk.download.total }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>
+1 -1
View File
@@ -5,7 +5,7 @@
<h1 class="text-lg font-bold sm:text-xl">
{{ plan.attributes.name }}
</h1>
<small class="text-xs font-bold text-gray-500 sm:text-sm">
<small class="text-xs font-bold dark:text-gray-500 text-gray-500 sm:text-sm">
{{ plan.attributes.price }} /
{{ $t(`interval.${plan.attributes.interval}`) }}
</small>
@@ -5,7 +5,7 @@
<h1 class="text-lg font-bold sm:text-xl">
{{ plan.attributes.name }}
</h1>
<small class="text-xs font-bold text-gray-500 sm:text-sm">
<small class="text-xs font-bold dark:text-gray-500 text-gray-500 sm:text-sm">
{{ $t('30 Days intervals') }}
</small>
</div>
@@ -91,7 +91,7 @@
</AppInputText>
<!--Team Members-->
<AppInputText :title="$t('Max Team Members')" is-last="true">
<AppInputText :title="$t('Max Team Members')" :description="$t('Type -1 to set unlimited team members.')" is-last="true">
<input
@input="
$updateInput(
@@ -8,13 +8,13 @@
{{ status }}
</b>
<b class="mb-3 mb-8 block text-sm text-gray-400">
<b class="mb-3 mb-8 block text-sm dark:text-gray-500 text-gray-400">
{{ subscription.relationships.plan.data.attributes.name }} /
{{ price }}
</b>
<div v-for="(limit, i) in limitations" :key="i" :class="{ 'mb-6': Object.keys(limitations).length - 1 !== i }">
<b class="mb-3 block text-sm text-gray-400">
<b class="mb-3 block text-sm dark:text-gray-500 text-gray-400">
{{ limit.message }}
</b>
<ProgressLine :data="limit.distribution" />
@@ -73,7 +73,7 @@
<b class="text-sm font-bold leading-none">
{{ $t(usage.feature) }}
</b>
<small class="block pt-2 text-xs leading-none text-gray-500">
<small class="block pt-2 text-xs leading-none dark:text-gray-500 text-gray-500">
{{ $t(`feature_usage_desc_${usage.feature}`) }}
</small>
</div>
@@ -14,7 +14,7 @@
v-if="
config.subscriptionType === 'fixed' || (config.subscriptionType === 'none' && config.storageLimit)
"
class="mt-0.5 block text-sm text-gray-400"
class="mt-0.5 block text-sm dark:text-gray-500 text-gray-400"
>
{{ $t('Total of') }} {{ storage.data.attributes.capacity }}
{{ $t('Used') }}
@@ -33,7 +33,7 @@
{{ storage.data.meta.traffic.upload }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>
@@ -50,7 +50,7 @@
{{ storage.data.meta.traffic.download }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>
@@ -27,7 +27,7 @@
v-model="recoverPassword.email"
:placeholder="$t('page_login.placeholder_email')"
type="email"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
@@ -50,7 +50,7 @@
v-model="recoverPassword.newPassword"
:placeholder="$t('page_create_password.label_new_pass')"
type="password"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
@@ -73,7 +73,7 @@
v-model="recoverPassword.newPasswordConfirm"
:placeholder="$t('page_create_password.label_confirm_pass')"
type="password"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
@@ -26,7 +26,7 @@
v-model="recoverEmail"
:placeholder="$t('page_login.placeholder_email')"
type="email"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
+4 -4
View File
@@ -20,7 +20,7 @@
v-slot="{ errors }"
>
<input
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
v-model="loginEmail"
:placeholder="$t('page_login.placeholder_email')"
@@ -82,7 +82,7 @@
v-model="loginPassword"
:placeholder="$t('page_sign_in.placeholder_password')"
type="password"
class="focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
@@ -159,7 +159,7 @@
@input="twoFactorChallenge(false)"
type="text"
maxlength="6"
class="focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 text-center font-bold dark:bg-2x-dark-foreground md:w-80"
class="dark:placeholder:text-gray-600 focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 text-center font-bold dark:bg-2x-dark-foreground md:w-80"
:class="{ 'border-red': errors[0] }"
/>
<span class="mt-2 block text-center text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
@@ -208,7 +208,7 @@
@input="twoFactorChallenge(true)"
type="text"
maxlength="21"
class="focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 text-center font-bold dark:bg-2x-dark-foreground md:w-80"
class="dark:placeholder:text-gray-600 focus-border-theme h-full w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 text-center font-bold dark:bg-2x-dark-foreground md:w-80"
:class="{ 'border-red': errors[0] }"
/>
<span class="mt-2 block text-center text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
+4 -4
View File
@@ -27,7 +27,7 @@
v-model="register.email"
:placeholder="$t('page_registration.placeholder_email')"
type="email"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
@@ -50,7 +50,7 @@
v-model="register.name"
:placeholder="$t('page_registration.placeholder_name')"
type="text"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
@@ -73,7 +73,7 @@
v-model="register.password"
:placeholder="$t('page_registration.placeholder_pass')"
type="password"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
@@ -95,7 +95,7 @@
<input
v-model="register.password_confirmation"
:placeholder="$t('page_registration.placeholder_confirm_pass')"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
type="password"
:class="{ 'border-red': errors[0] }"
/>
+1 -1
View File
@@ -55,7 +55,7 @@
{{ subscriptionStatus }}
</ColorLabel>
</b>
<small class="block text-xs text-gray-600 sm:text-sm">
<small class="block text-xs dark:text-gray-500 text-gray-600 sm:text-sm">
{{ user.data.attributes.email }}
</small>
</div>
@@ -31,7 +31,7 @@
v-model="purchaseCode"
placeholder="Paste your purchase code"
type="text"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
+1 -1
View File
@@ -21,7 +21,7 @@
v-model="password"
:placeholder="$t('page_shared.placeholder_pass')"
type="password"
class="focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
+1 -1
View File
@@ -48,7 +48,7 @@
<b class="text-sm font-bold leading-none">
{{ token.name }}
</b>
<time class="block pt-2 text-xs leading-none text-gray-500">
<time class="block pt-2 text-xs leading-none dark:text-gray-500 text-gray-500">
{{ $t('last_used') }}:
{{ token.last_used_at ? formatDate(token.last_used_at) : $t('never') }}
</time>
+3 -3
View File
@@ -13,7 +13,7 @@
v-if="
config.subscriptionType === 'fixed' || (config.subscriptionType === 'none' && config.storageLimit)
"
class="mt-0.5 block text-sm text-gray-400"
class="mt-0.5 block text-sm dark:text-gray-500 text-gray-400"
>
{{ $t('Total of') }} {{ storage.data.attributes.capacity }}
{{ $t('Used') }}
@@ -30,7 +30,7 @@
{{ storage.data.meta.traffic.upload }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>
@@ -45,7 +45,7 @@
{{ storage.data.meta.traffic.download }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
</b>