tailwind.css

/* Note that any color adjustments here must also be reflected in custom.css!! */

@tailwind components;
@tailwind utilities;


:root {
    --primary: theme('colors.gray.800');
    --info: theme('colors.aura.purple');
}

header a,
footer a {
    color: theme('colors.gray.50');
}

header a:hover,
footer a:hover {
    color: theme('colors.gray.400');
}


.fc-event {
    padding: 1px 2px;
    background-color: theme('colors.gray.800');
    border-color: theme('colors.gray.900');
    color: white;
}

.fc-bg {

}

.otherShow {
    background-color: theme('colors.gray.300');
    border-color: theme('colors.gray.400');
    color: theme('colors.gray.900');
}

.otherShow:hover {
    color: theme('colors.gray.900');
    cursor: pointer;
}

.currentShow {
    background-color: theme('colors.aura.purple');
    border-color: theme('colors.indigo.800');
    color: white;
}

.conflict,
.currentShow.emptySlot{
    background-color: theme('colors.red.600');
    border-color: theme('colors.red.800');
    color: white;
}

.noconflict {
    background-color: theme('colors.aura.purple') !important;
    border-color: theme('colors.indigo.800') !important;
    color: white;
}

.timeslot-discarded {
    background-color: theme('colors.red.500');
    opacity: 0.5;
    text-decoration: line-through !important;
    color: white;
}

.timeslot-accepted {
    background-color: theme('colors.aura.purple');
    border-color: theme('colors.indigo.800');
}

.timeslot-partly {
    background-color: theme('colors.aura.purple');
    border-color: theme('colors.indigo.800');
    opacity: 0.5;
    font-weight: bold;
}