remove tailwind darkmode classes

This commit is contained in:
Gregor Vostrak
2024-03-13 16:46:58 +01:00
parent d952b46984
commit 8ff396f1c0
30 changed files with 61 additions and 61 deletions

View File

@@ -14,7 +14,7 @@ defineProps<{
<AppLayout title="API Tokens">
<template #header>
<h2
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
class="font-semibold text-xl text-white leading-tight">
API Tokens
</h2>
</template>

View File

@@ -173,7 +173,7 @@ const deleteApiToken = () => {
v-for="token in tokens"
:key="token.id"
class="flex items-center justify-between">
<div class="break-all dark:text-white">
<div class="break-all text-white">
{{ token.name }}
</div>
@@ -218,7 +218,7 @@ const deleteApiToken = () => {
<div
v-if="page.props.jetstream.flash.token"
class="mt-4 bg-gray-100 dark:bg-gray-900 px-4 py-2 rounded font-mono text-sm text-gray-500 break-all">
class="mt-4 bg-card-backgroundpx-4 py-2 rounded font-mono text-sm text-gray-500 break-all">
{{ page.props.jetstream.flash.token }}
</div>
</template>

View File

@@ -36,7 +36,7 @@ const submit = () => {
<div
v-if="status"
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
class="mb-4 font-medium text-sm text-green-400">
{{ status }}
</div>

View File

@@ -40,7 +40,7 @@ const submit = () => {
<div
v-if="status"
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
class="mb-4 font-medium text-sm text-green-400">
{{ status }}
</div>
@@ -81,7 +81,7 @@ const submit = () => {
<Link
v-if="canResetPassword"
:href="route('password.request')"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Forgot your password?
</Link>

View File

@@ -108,14 +108,14 @@ const page = usePage<{
<a
target="_blank"
:href="route('terms.show')"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>Terms of Service</a
>
and
<a
target="_blank"
:href="route('policy.show')"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>Privacy Policy</a
>
</div>
@@ -127,7 +127,7 @@ const page = usePage<{
<div class="flex items-center justify-end mt-4">
<Link
:href="route('login')"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Already registered?
</Link>

View File

@@ -36,7 +36,7 @@ const verificationLinkSent = computed(
<div
v-if="verificationLinkSent"
class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
class="mb-4 font-medium text-sm text-green-400">
A new verification link has been sent to the email address you
provided in your profile settings.
</div>
@@ -52,7 +52,7 @@ const verificationLinkSent = computed(
<div>
<Link
:href="route('profile.show')"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Edit Profile</Link
>
@@ -60,7 +60,7 @@ const verificationLinkSent = computed(
:href="route('logout')"
method="post"
as="button"
class="underline text-sm text-muted hover:text-gray-900 dark: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-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">
Log Out
</Link>
</div>

View File

@@ -10,15 +10,15 @@ defineProps({
<template>
<Head title="Privacy Policy" />
<div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
<div class="pt-4 bg-gray-100 dark:bg-gray-900">
<div class="font-sans text-gray-100 antialiased">
<div class="pt-4 bg-gray-900">
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
<div>
<AuthenticationCardLogo />
</div>
<div
class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
v-html="policy" />
</div>
</div>

View File

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

View File

@@ -177,14 +177,14 @@ const page = usePage<{
page.props.jetstream.hasEmailVerification &&
user.email_verified_at === null
">
<p class="text-sm mt-2 dark:text-white">
<p class="text-sm mt-2 text-white">
Your email address is unverified.
<Link
:href="route('verification.send')"
method="post"
as="button"
class="underline text-sm text-muted hover:text-gray-900 dark: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-gray-100 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>
@@ -192,7 +192,7 @@ const page = usePage<{
<div
v-show="verificationLinkSent"
class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
class="mt-2 font-medium text-sm text-green-400">
A new verification link has been sent to your email
address.
</div>

View File

@@ -32,7 +32,7 @@ const page = usePage<{
<AppLayout title="Profile">
<template #header>
<h2
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
class="font-semibold text-xl text-white leading-tight">
Profile
</h2>
</template>

View File

@@ -7,7 +7,7 @@ import CreateTeamForm from '@/Pages/Teams/Partials/CreateTeamForm.vue';
<AppLayout title="Create Team">
<template #header>
<h2
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
class="font-semibold text-xl text-white leading-tight">
Create Team
</h2>
</template>

View File

@@ -43,10 +43,10 @@ const page = usePage<{
:alt="page.props.auth.user.name" />
<div class="ms-4 leading-tight">
<div class="text-gray-900 dark:text-white">
<div class="text-white">
{{ page.props.auth.user.name }}
</div>
<div class="text-sm text-gray-700 dark:text-gray-300">
<div class="text-sm text-muted">
{{ page.props.auth.user.email }}
</div>
</div>

View File

@@ -167,14 +167,14 @@ const displayableRole = (role: string) => {
class="mt-2" />
<div
class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer">
class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
<button
v-for="(role, i) in availableRoles"
:key="role.key"
type="button"
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600"
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
:class="{
'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none':
'border-t border-card-border focus:border-none rounded-t-none':
i > 0,
'rounded-b-none':
i !=
@@ -190,7 +190,7 @@ const displayableRole = (role: string) => {
<!-- Role Name -->
<div class="flex items-center">
<div
class="text-sm text-muted"
class="text-sm text-white"
:class="{
'font-semibold':
addTeamMemberForm.role ==
@@ -310,7 +310,7 @@ const displayableRole = (role: string) => {
class="w-8 h-8 rounded-full object-cover"
:src="user.profile_photo_url"
:alt="user.name" />
<div class="ms-4 dark:text-white">
<div class="ms-4 text-whites">
{{ user.name }}
</div>
</div>
@@ -366,14 +366,14 @@ const displayableRole = (role: string) => {
<template #content>
<div v-if="managingRoleFor">
<div
class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer">
class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
<button
v-for="(role, i) in availableRoles"
:key="role.key"
type="button"
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600"
class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
:class="{
'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none':
'border-t border-card-border focus:border-none rounded-t-none':
i > 0,
'rounded-b-none':
i !==

View File

@@ -46,10 +46,10 @@ const updateTeamName = () => {
:alt="team.owner.name" />
<div class="ms-4 leading-tight">
<div class="text-gray-900 dark:text-white">
<div class="text-white">
{{ team.owner.name }}
</div>
<div class="text-gray-700 dark:text-gray-300 text-sm">
<div class="text-muted text-sm">
{{ team.owner.email }}
</div>
</div>

View File

@@ -18,7 +18,7 @@ defineProps<{
<AppLayout title="Team Settings">
<template #header>
<h2
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
class="font-semibold text-xl text-white leading-tight">
Team Settings
</h2>
</template>

View File

@@ -10,15 +10,15 @@ defineProps({
<template>
<Head title="Terms of Service" />
<div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
<div class="pt-4 bg-gray-100 dark:bg-gray-900">
<div class="font-sans text-gray-100 antialiased">
<div class="pt-4 bg-gray-900">
<div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
<div>
<AuthenticationCardLogo />
</div>
<div
class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
v-html="terms" />
</div>
</div>