nextcloud-breeze-dark/core/css/apps/official/_calendar.scss

.app-calendar #app-navigation {

	.active {
		background-color: inherit;
	}

	.new-entity {
		opacity: 0.7;

		&:hover {
			background-color: $background-active-hover;
			opacity: 1;
		}
	}

	.togglebuttons .button.active {
		color: $foreground-normal;
	}

	#datepickercontainer {

		.datepicker-heading .button {
			background-color: $background-normal;
		}

		#datepicker table td {

			&.highlight-today button {
				background-color: $background-alternate;
				border-radius: 50%;

				&.active {
					background-color: $background-active;
				}
			}

			&.highlight-weekend button {
				color: $decoration-active;

				.text-muted {
					color: $decoration-active;
				}

				&:hover {
					color: $foreground-active;
				}

				&.active:hover {
					background-color: $background-active;
				}
			}
			
			button {
			
				&:hover {
					background-color: $background-active-hover;
					border-radius: 50%;
				}

				&.active {
					color: $foreground-active;
				}
			}

			.text-muted {
				opacity: 0.57;
			}
		}
	}
}

.app-calendar #app-content {

	#fullcalendar {
		background-color: $background-dark;

		th,
		td,
		thead,
		tbody,
		.fc-row {
			border-color: $decoration-normal;
		}

		.fc-basic-view {

			.fc-today {
				background-color: $background-active;
				color: $foreground-active;
			}

			.fc-day-number,
			.fc-week-number {
				opacity: 1;
			}

			.fc-sat,
			.fc-sun {

				.fc-day-number {
					color: $background-active;
				}
			}

			.fc-day-top .fc-week-number {
				background-color: $background-normal;
				color: $foreground-normal;
				border-right: 1px solid $decoration-normal;
				border-bottom: 1px solid $decoration-normal;
			}

			.fc-other-month {
				background-color: $background-normal;
				opacity: 1;
	
				.fc-day-number,
				.fc-week-number {
					opacity: 0.57;
				}
			}
		}

		.fc-agenda-view {

			.fc-divider {
				border-color: $decoration-normal;
				background-color: $decoration-normal;
			}

			.fc-today {
				background-color: $background-active-hover;
			}
		}

		.fc-axis,
		.fc-day-header {
			opacity: 1;
		}

		.fc-highlight {
			background-color: $background-active-hover;
			opacity: 1;
		}
	}

	#app-sidebar {
		
		&.advanced {

			// Force location field in app sidebar to be dark
			.advanced--input {
				background: $background-dark !important;
			}
		
			.advanced--button-area {
				border-color: $decoration-normal;
			}
		}
		
		.advanced--fieldset-attendeelist .advanced--toggler:hover, 
		.advanced--fieldset-reminderlist .advanced--toggler:hover {
			background: $background-active-hover;
		}
	}
}

.modal-open {
		
	.modal.popover, .modal.import {
		box-shadow: none;
		border: 1px solid $decoration-normal;
	}
}