Fixed event details colors

This commit is contained in:
Alexis
2024-06-10 22:46:59 +02:00
parent 9127346131
commit 87a73e7f43
3 changed files with 77 additions and 92 deletions

View File

@@ -136,6 +136,75 @@
@apply text-slate-900 bg-white hover:bg-yellow-200
}
.event-details-red {
--base-color: var(--color-red-800);
}
.event-details-orange {
--base-color: var(--color-orange-800);
}
.event-details-amber {
--base-color: var(--color-amber-800);
}
.event-details-yellow {
--base-color: var(--color-yellow-800);
}
.event-details-lime {
--base-color: var(--color-lime-800);
}
.event-details-green {
--base-color: var(--color-green-800);
}
.event-details-emerald {
--base-color: var(--color-emerald-800);
}
.event-details-teal {
--base-color: var(--color-teal-800);
}
.event-details-cyan {
--base-color: var(--color-cyan-800);
}
.event-details-sky {
--base-color: var(--color-sky-800);
}
.event-details-blue {
--base-color: var(--color-blue-800);
}
.event-details-indigo {
--base-color: var(--color-indigo-800);
}
.event-details-violet {
--base-color: var(--color-violet-800);
}
.event-details-purple {
--base-color: var(--color-purple-800);
}
.event-details-fuchsia {
--base-color: var(--color-fuchsia-800);
}
.event-details-pink {
--base-color: var(--color-pink-800);
}
.event-details-rose {
--base-color: var(--color-rose-800);
}
.event-details-black {
--base-color: var(--color-stone-800);
}
.event-details-white {
--base-color: var(--color-white);
}
.event-details {
--bg-color: color-mix(in srgb, var(--base-color), var(--color-slate-950) 80%);
--border-color: color-mix(in srgb, var(--base-color), var(--color-slate-800) 50%);
background-color: var(--bg-color);
border-color: var(--border-color);
hr {
border-color: var(--border-color);
}
}
.fade-enter-active,
.fade-leave-active {
transition: all .5s ease;