fix light mode text color in some 2fa and auth views

This commit is contained in:
Gregor Vostrak
2025-04-01 14:47:36 +02:00
parent 8e6d1abbf3
commit 880c363ae4
6 changed files with 8 additions and 8 deletions

View File

@@ -87,7 +87,7 @@ const submit = () => {
<div class="flex items-center justify-end mt-4">
<button
type="button"
class="text-sm text-muted hover:text-gray-900 underline cursor-pointer"
class="text-sm text-muted hover:text-text-primary underline cursor-pointer"
@click.prevent="toggleRecovery">
<template v-if="!recovery"> Use a recovery code</template>

View File

@@ -53,7 +53,7 @@ const verificationLinkSent = computed(
:href="route('logout')"
method="post"
as="button"
class="underline text-sm text-muted hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2">
class="underline text-sm text-muted hover:text-text-secondary rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2">
Log Out
</Link>
</div>

View File

@@ -10,7 +10,7 @@ defineProps({
<template>
<Head title="Privacy Policy" />
<div class="font-sans text-gray-100 antialiased">
<div class="font-sans text-text-secondary antialiased">
<div class="pt-4 bg-gray-900">
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
<div>

View File

@@ -127,13 +127,13 @@ const disableTwoFactorAuthentication = () => {
<template #content>
<h3
v-if="twoFactorEnabled && !confirming"
class="text-lg font-medium text-gray-100">
class="text-lg font-medium text-text-secondary">
You have enabled two factor authentication.
</h3>
<h3
v-else-if="twoFactorEnabled && confirming"
class="text-lg font-medium text-gray-100">
class="text-lg font-medium text-text-secondary">
Finish enabling two factor authentication.
</h3>
@@ -210,7 +210,7 @@ const disableTwoFactorAuthentication = () => {
</div>
<div
class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-input-background text-gray-100 rounded-lg">
class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-input-background text-text-secondary rounded-lg">
<div v-for="code in recoveryCodes" :key="code">
{{ code }}
</div>

View File

@@ -185,7 +185,7 @@ const page = usePage<{
:href="route('verification.send')"
method="post"
as="button"
class="underline text-sm text-muted hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
class="underline text-sm text-muted hover:text-text-secondary rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
@click.prevent="sendEmailVerification">
Click here to re-send the verification email.
</Link>

View File

@@ -10,7 +10,7 @@ defineProps({
<template>
<Head title="Terms of Service" />
<div class="font-sans text-gray-100 antialiased">
<div class="font-sans text-text-secondary antialiased">
<div class="pt-4 bg-gray-900">
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
<div>