style: updated text colours across app

This commit is contained in:
DecDuck
2024-11-19 11:11:59 +11:00
parent 6e6f09dba0
commit 7a88f4c52d
8 changed files with 20 additions and 20 deletions

View File

@ -6,7 +6,7 @@
<p class="text-sm font-medium text-zinc-100">
{{ notification.title }}
</p>
<p class="mt-1 text-sm text-zinc-600 line-clamp-3">
<p class="mt-1 text-sm text-zinc-400 line-clamp-3">
{{ notification.description }}
</p>
<div
@ -26,7 +26,7 @@
<button
@click="() => deleteMe()"
type="button"
class="inline-flex rounded-md text-zinc-400 hover:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
class="inline-flex rounded-md text-zinc-400 hover:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
>
<span class="sr-only">Close</span>
<XMarkIcon class="size-5" aria-hidden="true" />

View File

@ -9,7 +9,7 @@
speed, flexibility and beauty.</p>
<div class="flex space-x-6">
<a v-for="item in navigation.social" :key="item.name" :href="item.href" target="_blank"
class="text-zinc-500 hover:text-zinc-400">
class="text-zinc-400 hover:text-zinc-400">
<span class="sr-only">{{ item.name }}</span>
<component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
</a>

View File

@ -69,7 +69,7 @@
<button
type="button"
class="-m-2.5 p-2.5 text-zinc-500 lg:hidden"
class="-m-2.5 p-2.5 text-zinc-400 lg:hidden"
@click="sidebarOpen = true"
>
<span class="sr-only">Open sidebar</span>

View File

@ -13,7 +13,7 @@
<NuxtLink
to="/account/notifications"
type="button"
class="text-sm text-zinc-500"
class="text-sm text-zinc-400"
>
View all &rarr;
</NuxtLink>
@ -29,7 +29,7 @@
</div>
<div
v-if="props.notifications.length == 0"
class="text-sm text-zinc-600 p-3 text-center w-full"
class="text-sm text-zinc-400 p-3 text-center w-full"
>
No notifications
</div>