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

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */

/* Calendar ----------------------------------------------------------------- */

.app-calendar .app-content {
    .fc-highlight {
        background: var(--color-background-hover);
        opacity: unset;
    }

    .fc .fc-cell-shaded {
        background-color: var(--color-border);
    }

    .fc-daygrid-week-number {
        background-color: var(--color-background-darker);
        border-bottom: 1px solid var(--color-border);
        border-right: 1px solid var(--color-border);
        color: var(--color-text-maxcontrast);
    }

    .fc .fc-daygrid-day.fc-day-today,
    .fc .fc-timegrid-col.fc-day-today,
    .fc-day-today.fc-col-header-cell {
        background-color: var(--color-background-hover) !important;
    }

    .fc-day-today.fc-col-header-cell a,
    .fc-day-today.fc-col-header-cell span {
        background-color: unset !important;
    }

    .fc-daygrid-day.fc-day.fc-day-other,
    .fc .fc-daygrid-day.fc-day-today.fc-day-other {
        background-color: var(--color-background-darker) !important;
        border-color: var(--color-border);
        opacity: 0.5;
    }

    .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today,
    .fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today,
    .fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell {
        background-color: inherit !important;
    }
}

.app-calendar .app-sidebar {
    .app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active {
        border-bottom-color: var(--color-primary-element);
        box-shadow: inset 0 -1px 0 var(--color-primary-element);
    }

    .repeat-option-set-section-grid-item {
        &:active,
        &:focus {
            background-color: var(--color-main-background);
            border-color: var(--color-border);
        }

        &:hover {
            background-color: var(--color-background-hover);
            border-color: var(--color-primary-element);
        }
    }

    .repeat-option-set-section-grid-item.primary {
        background-color: var(--color-primary-element) !important;
        border-color: var(--color-primary-element) !important;

        &:hover {
            background-color: var(--color-background-hover) !important;
        }
    }
}

.color-picker .vc-chrome {
    background-color: var(--color-main-background);

    .vc-chrome-saturation-wrap {
        border: 1px solid var(--color-border);
    }

    .vc-chrome-body {
        background-color: var(--color-main-background);

        .vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
            border: 1px solid var(--color-border);
        }
    }
}

.modal--scheduler .fc .fc-button-primary {
    background-color: var(--color-main-background);
    border-color: var(--color-border);
    color: var(--color-main-text);

    &:hover {
        background-color: var(--color-main-background);
        border-color: var(--color-primary-element);
    }

    &:focus {
        box-shadow: none;
    }
}

// New styling for vue

#content-vue
    .app-navigation-entry__counter-wrapper
    .action-item.sharing
    .material-design-icon.share {
    opacity: 1;
}

.popover.open .action-link {
    opacity: 1;
}

/* Icons -------------------------------------------------------------------- */

.icon-new-calendar {
    background-image: var(--icon-calendar-new-calendar-f2f2f2) !important;
}

.app-calendar,
.popover {
    .icon-rightarrow {
        background-image: var(--icon-calendar-rightarrow-f2f2f2) !important;
    }

    .icon-leftarrow {
        background-image: var(--icon-calendar-leftarrow-f2f2f2) !important;
    }

    .icon-view-module {
        background-image: var(--icon-calendar-view-module-f2f2f2) !important;
    }

    .icon-view-week {
        background-image: var(--icon-calendar-view-week-f2f2f2) !important;
    }

    .icon-view-day {
        background-image: var(--icon-calendar-view-day-f2f2f2) !important;
    }

    .icon-view-list {
        background-image: var(--icon-calendar-view-list-f2f2f2) !important;
    }

    .icon-new-calendar-with-task-list {
        background-image: var(--icon-calendar-new-calendar-with-task-list-f2f2f2) !important;
    }

    .icon-timezone {
        background-image: var(--icon-calendar-timezone-f2f2f2) !important;
    }

    .icon-eye {
        background-image: var(--icon-calendar-eye-f2f2f2) !important;
    }

    .icon-briefcase {
        background-image: var(--icon-calendar-briefcase-f2f2f2) !important;
    }

    .icon-reminder {
        background-image: var(--icon-calendar-reminder-f2f2f2) !important;
    }

    .icon-repeat {
        background-image: var(--icon-calendar-repeat-f2f2f2) !important;
    }

    .icon-embed {
        background-image: var(--icon-calendar-embed-f2f2f2) !important;
    }

    .icon-color-picker {
        background-image: var(--icon-calendar-color-picker-f2f2f2) !important;
    }
}