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;
}

.fc-day-header.fc-day-header {
  padding: 0.5rem 0;
}

.fc-day-header:hover {
  background: theme('colors.gray.200');
  cursor: pointer;
}

.fc-day-selected {
  background: theme('colors.red.500');
  color: white;
}

.fc-day-selected:hover {
  background: #a490e0;
  color: white;
}

.is-mismatched {
  color: var(--orange);
}