Update color scheme in AnnouncementBanner component

Color scheme for the text and hover effect within the 'AnnouncementBanner' component has been updated for better visibility and user interface aesthetics. The changes predominantly involve the adjustment of 'text-neutral' and 'text-neutral-hover' classes in the Astro component file. These changes are expected to greatly enhance user readability and overall UI experience.
This commit is contained in:
Emil Gulamov 2024-02-25 03:46:27 +04:00
parent 4bd23d612e
commit 32e163e9b5

View file

@ -19,12 +19,12 @@ interface Props {
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<div class="ml-auto"> <div class="ml-auto">
<p <p
class="me-2 inline-block font-medium text-neutral-300 dark:text-neutral-700" class="me-2 inline-block font-medium text-neutral-50 dark:text-neutral-700"
> >
{title} {title}
</p> </p>
<a <a
class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-300 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-100/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-700 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none" class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-50 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-50/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-700 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none"
href={url} href={url}
target="_blank" target="_blank"
> >