Fixed event details colors
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user