person-calendar.pcss

:root {
  --fc-button-bg-color: #000;
  --fc-button-border-color: #000;
  --fc-button-hover-bg-color: #f9ce05;
  --fc-button-hover-border-color: #f9ce05;
  --fc-button-active-bg-color: #f9ce05;
  --fc-button-active-border-color: #f9ce05;
  --fc-event-bg-color: #fea86a;
  --fc-event-border-color: #fea86a;
  --fc-border-color: #ed9654;
  --fc-today-bg-color: #ed9654;
}

.fc {
  @apply font-condensed;
}

.fc-col-header {
  width: 100%!important;
}

/* Don't underline only when there is no href attribute defined. */
.fc .fc-col-header-cell-cushion:not([href]),
.fc .fc-daygrid-day-number:not([href]) {
  @apply no-underline;
}

.fc .fc-col-header-cell {
  @apply bg-orange-300 p-3 font-alt text-white text-xl capitalize;
}

.fc .fc-button {
  @apply font-alt rounded-none px-5 py-2 duration-150;
}

.fc .fc-button:hover:not(:disabled),
.fc .fc-button:active:not(:disabled){
  @apply text-black;
}

.fc .fc-event {
  @apply p-1 rounded-none border-none text-sm;
}

.fc .fc-toolbar-title,
.fc .fc-today-button {
  @apply capitalize;
}

.fc .fc-daygrid-day-number {
  @apply font-alt text-3xl text-orange-300;
}

.fc .fc-day-today .fc-daygrid-day-number {
  @apply text-white;
}