From 4adb9dd4689eb2ffd4c05913f05225e82778adf9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Wed, 16 Jun 2021 10:29:35 +0300 Subject: [PATCH] themes update --- public/themes/arya-blue/theme.css | 189 ++++++++++++++---- public/themes/arya-green/theme.css | 189 ++++++++++++++---- public/themes/arya-orange/theme.css | 189 ++++++++++++++---- public/themes/arya-purple/theme.css | 189 ++++++++++++++---- public/themes/bootstrap4-dark-blue/theme.css | 189 ++++++++++++++---- .../themes/bootstrap4-dark-purple/theme.css | 189 ++++++++++++++---- public/themes/bootstrap4-light-blue/theme.css | 189 ++++++++++++++---- .../themes/bootstrap4-light-purple/theme.css | 189 ++++++++++++++---- public/themes/fluent-light/theme.css | 189 ++++++++++++++---- public/themes/luna-amber/theme.css | 189 ++++++++++++++---- public/themes/luna-blue/theme.css | 189 ++++++++++++++---- public/themes/luna-green/theme.css | 189 ++++++++++++++---- public/themes/luna-pink/theme.css | 189 ++++++++++++++---- public/themes/md-dark-deeppurple/theme.css | 189 ++++++++++++++---- public/themes/md-dark-indigo/theme.css | 189 ++++++++++++++---- public/themes/md-light-deeppurple/theme.css | 189 ++++++++++++++---- public/themes/md-light-indigo/theme.css | 189 ++++++++++++++---- public/themes/mdc-dark-deeppurple/theme.css | 189 ++++++++++++++---- public/themes/mdc-dark-indigo/theme.css | 189 ++++++++++++++---- public/themes/mdc-light-deeppurple/theme.css | 189 ++++++++++++++---- public/themes/mdc-light-indigo/theme.css | 189 ++++++++++++++---- public/themes/nova-accent/theme.css | 189 ++++++++++++++---- public/themes/nova-alt/theme.css | 189 ++++++++++++++---- public/themes/nova-vue/theme.css | 189 ++++++++++++++---- public/themes/nova/theme.css | 189 ++++++++++++++---- public/themes/rhea/theme.css | 189 ++++++++++++++---- public/themes/saga-blue/theme.css | 189 ++++++++++++++---- public/themes/saga-green/theme.css | 189 ++++++++++++++---- public/themes/saga-orange/theme.css | 189 ++++++++++++++---- public/themes/saga-purple/theme.css | 189 ++++++++++++++---- public/themes/vela-blue/theme.css | 189 ++++++++++++++---- public/themes/vela-green/theme.css | 189 ++++++++++++++---- public/themes/vela-orange/theme.css | 189 ++++++++++++++---- public/themes/vela-purple/theme.css | 189 ++++++++++++++---- 34 files changed, 5202 insertions(+), 1224 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 4f871bf22..0d4565dcf 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #43a5f4; border: 1px solid #43a5f4; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #383838; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #64B5F6; border: 1px solid #64B5F6; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #2396f2; color: #212529; border-color: #2396f2; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #64B5F6; border-color: #64B5F6; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #43a5f4; border-color: #43a5f4; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index bc1944369..7ef4ac289 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #6abd6e; border: 1px solid #6abd6e; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #383838; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #81C784; border: 1px solid #81C784; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #54b358; color: #212529; border-color: #54b358; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #81C784; border-color: #81C784; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #6abd6e; border-color: #6abd6e; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #81C784; + border: 1px solid #81C784; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index db256486d..8ec81b58e 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #ffcd2e; border: 1px solid #ffcd2e; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #383838; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #FFD54F; border: 1px solid #FFD54F; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #ffc50c; color: #212529; border-color: #ffc50c; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #FFD54F; border-color: #FFD54F; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #ffcd2e; border-color: #ffcd2e; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 10efe8981..39d2eb853 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #383838; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #b052c0; border: 1px solid #b052c0; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid #383838; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #383838; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #BA68C8; border: 1px solid #BA68C8; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #a241b2; color: #ffffff; border-color: #a241b2; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1e1e1e; border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #BA68C8; border-color: #BA68C8; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #b052c0; border-color: #b052c0; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #383838; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1e1e1e; + border: 1px solid #383838; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index d8bdd4fa9..2a87ee02c 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -2478,43 +2478,38 @@ padding: 1.25rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #2a323d; border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #2a323d; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #151515; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #3f4b5b; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #2a323d; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #3f4b5b; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #56bdff; border: 1px solid #56bdff; color: #151515; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #2a323d; border: 1px solid #3f4b5b; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #3f4b5b; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #151515; background: #8dd0ff; border: 1px solid #8dd0ff; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #56bdff; color: #151515; border-color: #56bdff; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #1dadff; color: #151515; border-color: #1dadff; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #6c757d; border: 1px solid #6c757d; color: #ffffff; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #5a6268; border-color: #545b62; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #2a323d; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #151515; + background: #56bdff; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #151515; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #56bdff; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #2a323d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #56bdff; + color: #151515; + border-color: #56bdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #151515; + background: #8dd0ff; + border: 1px solid #8dd0ff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 575182316..a79398f41 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -2478,43 +2478,38 @@ padding: 1.25rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #2a323d; border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #2a323d; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #151515; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #3f4b5b; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #2a323d; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #3f4b5b; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #aa70c7; border: 1px solid #aa70c7; color: #151515; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #2a323d; border: 1px solid #3f4b5b; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #3f4b5b; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #151515; background: #c298d8; border: 1px solid #c298d8; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #aa70c7; color: #151515; border-color: #aa70c7; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #9954bb; color: #151515; border-color: #9954bb; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #6c757d; border: 1px solid #6c757d; color: #ffffff; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #5a6268; border-color: #545b62; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #3f4b5b; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #2a323d; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #151515; + background: #aa70c7; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #151515; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #aa70c7; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #2a323d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #aa70c7; + color: #151515; + border-color: #aa70c7; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #151515; + background: #c298d8; + border: 1px solid #c298d8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 6c12e08c2..e662db782 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -2478,43 +2478,38 @@ padding: 1.25rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #efefef; border: 1px solid #dee2e6; color: #212529; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #212529; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #0069d9; border: 1px solid #0069d9; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #efefef; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #007bff; border: 1px solid #007bff; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #0069d9; color: #ffffff; border-color: #0069d9; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #0062cc; color: #ffffff; border-color: #0062cc; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #6c757d; border: 1px solid #6c757d; color: #ffffff; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #5a6268; border-color: #545b62; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #efefef; + border-color: #dee2e6; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #212529; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0069d9; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0069d9; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #efefef; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #0069d9; + color: #ffffff; + border-color: #0069d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #ffffff; + background: #007bff; + border: 1px solid #007bff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 053906a53..011c718dc 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -2478,43 +2478,38 @@ padding: 1.25rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #efefef; border: 1px solid #dee2e6; color: #212529; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #212529; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #7a38a7; border: 1px solid #7a38a7; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #efefef; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #883cae; border: 1px solid #883cae; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #7a38a7; color: #ffffff; border-color: #7a38a7; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #68329e; color: #ffffff; border-color: #68329e; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #6c757d; border: 1px solid #6c757d; color: #ffffff; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #5a6268; border-color: #545b62; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #545b62; border-color: #4e555b; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #efefef; + border-color: #dee2e6; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #212529; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #7a38a7; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #7a38a7; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #efefef; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; + font-size: 1rem; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #7a38a7; + color: #ffffff; + border-color: #7a38a7; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.65; + color: #ffffff; + background: #883cae; + border: 1px solid #883cae; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #6c757d; + border: 1px solid #6c757d; + color: #ffffff; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #5a6268; + border-color: #545b62; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #545b62; + border-color: #4e555b; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 4231aafe7..1f23d37ea 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #faf9f8; border: 1px solid #a19f9d; color: #323130; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #a19f9d; color: #323130; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #a19f9d; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #a19f9d; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #0078d4; border: 1px solid #0078d4; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #faf9f8; border: 1px solid #a19f9d; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #a19f9d; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #0078d4; border: 1px solid #0078d4; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #106ebe; color: #ffffff; border-color: #106ebe; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #005a9e; color: #ffffff; border-color: #005a9e; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #605e5c; color: #323130; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #f3f2f1; border-color: #605e5c; color: #323130; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #edebe9; border-color: #605e5c; color: #323130; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #edebe9; border-color: #605e5c; color: #323130; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #a19f9d; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #323130; + border-color: #a19f9d; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0078d4; + border-color: #0078d4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0078d4; + border-color: #0078d4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #f3f2f1; + color: #323130; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #faf9f8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index dc7face42..553d0d577 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #191919; border: 1px solid #191919; color: #dedede; } -.fc .fc-view-harness td { - background: #323232; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #191919; color: #dedede; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #191919; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #323232; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #FFD54F; border: 1px solid #FFD54F; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #191919; border: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #191919; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #FFE082; border: 1px solid #FFE082; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #FFD54F; color: #212529; border-color: #FFD54F; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #FFCA28; color: #212529; border-color: #FFCA28; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #252525; border: 1px solid #252525; color: #dedede; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #4c4c4c; border-color: #4c4c4c; color: #dedede; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #FFE082; border-color: #FFE082; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #FFD54F; border-color: #FFD54F; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #191919; + border-color: #191919; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #dedede; + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #323232; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #FFD54F; + border-color: #FFD54F; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #FFD54F; + border-color: #FFD54F; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #191919; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFE082; + border: 1px solid #FFE082; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #FFD54F; + color: #212529; + border-color: #FFD54F; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #FFCA28; + color: #212529; + border-color: #FFCA28; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #212529; + background: #FFE082; + border: 1px solid #FFE082; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #252525; + border: 1px solid #252525; + color: #dedede; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #4c4c4c; + border-color: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFE082; + border-color: #FFE082; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 69fb5fa1b..99b48317d 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #191919; border: 1px solid #191919; color: #dedede; } -.fc .fc-view-harness td { - background: #323232; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #191919; color: #dedede; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #191919; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #323232; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #4FC3F7; border: 1px solid #4FC3F7; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #191919; border: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #191919; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #81D4FA; border: 1px solid #81D4FA; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #4FC3F7; color: #212529; border-color: #4FC3F7; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #29B6F6; color: #212529; border-color: #29B6F6; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #252525; border: 1px solid #252525; color: #dedede; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #4c4c4c; border-color: #4c4c4c; color: #dedede; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #81D4FA; border-color: #81D4FA; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #4FC3F7; border-color: #4FC3F7; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #191919; + border-color: #191919; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #dedede; + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #323232; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #4FC3F7; + border-color: #4FC3F7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #4FC3F7; + border-color: #4FC3F7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #191919; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #81D4FA; + border: 1px solid #81D4FA; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #4FC3F7; + color: #212529; + border-color: #4FC3F7; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #29B6F6; + color: #212529; + border-color: #29B6F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #212529; + background: #81D4FA; + border: 1px solid #81D4FA; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #252525; + border: 1px solid #252525; + color: #dedede; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #4c4c4c; + border-color: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81D4FA; + border-color: #81D4FA; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #4FC3F7; + border-color: #4FC3F7; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 9e8659d98..5ee02f7eb 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #191919; border: 1px solid #191919; color: #dedede; } -.fc .fc-view-harness td { - background: #323232; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #191919; color: #dedede; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #191919; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #323232; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #AED581; border: 1px solid #AED581; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #191919; border: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #191919; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #C5E1A5; border: 1px solid #C5E1A5; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #AED581; color: #212529; border-color: #AED581; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #9CCC65; color: #212529; border-color: #9CCC65; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #252525; border: 1px solid #252525; color: #dedede; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #4c4c4c; border-color: #4c4c4c; color: #dedede; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #C5E1A5; border-color: #C5E1A5; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #AED581; border-color: #AED581; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #191919; + border-color: #191919; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #dedede; + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #323232; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #AED581; + border-color: #AED581; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #AED581; + border-color: #AED581; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #191919; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #C5E1A5; + border: 1px solid #C5E1A5; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #AED581; + color: #212529; + border-color: #AED581; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #9CCC65; + color: #212529; + border-color: #9CCC65; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #212529; + background: #C5E1A5; + border: 1px solid #C5E1A5; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #252525; + border: 1px solid #252525; + color: #dedede; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #4c4c4c; + border-color: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #C5E1A5; + border-color: #C5E1A5; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #AED581; + border-color: #AED581; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 0bad3d562..87cca07b6 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #191919; border: 1px solid #191919; color: #dedede; } -.fc .fc-view-harness td { - background: #323232; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #191919; color: #dedede; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #191919; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #323232; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #F06292; border: 1px solid #F06292; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #191919; border: 1px solid #191919; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #191919; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #F48FB1; border: 1px solid #F48FB1; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #F06292; color: #212529; border-color: #F06292; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #EC407A; color: #212529; border-color: #EC407A; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #252525; border: 1px solid #252525; color: #dedede; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #4c4c4c; border-color: #4c4c4c; color: #dedede; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #F48FB1; border-color: #F48FB1; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #F06292; border-color: #F06292; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #191919; + border-color: #191919; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #dedede; + border-color: #191919; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #323232; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #F06292; + border-color: #F06292; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #F06292; + border-color: #F06292; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #191919; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #F48FB1; + border: 1px solid #F48FB1; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #F06292; + color: #212529; + border-color: #F06292; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #EC407A; + color: #212529; + border-color: #EC407A; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #212529; + background: #F48FB1; + border: 1px solid #F48FB1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #252525; + border: 1px solid #252525; + color: #dedede; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #4c4c4c; + border-color: #4c4c4c; + color: #dedede; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #F48FB1; + border-color: #F48FB1; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #F06292; + border-color: #F06292; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 10a8ce441..3a6077025 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -2490,43 +2490,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #CE93D8; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(206, 147, 216, 0.16); border: 1px solid rgba(206, 147, 216, 0.16); color: #CE93D8; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #121212; background: #CE93D8; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(206, 147, 216, 0.92); color: #121212; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(206, 147, 216, 0.68); color: #121212; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #373737; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #262626; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #CE93D8; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #CE93D8; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #CE93D8; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 6f56b4182..89cac7766 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -2490,43 +2490,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #9FA8DA; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(159, 168, 218, 0.16); border: 1px solid rgba(159, 168, 218, 0.16); color: #9FA8DA; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #121212; background: #9FA8DA; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(159, 168, 218, 0.92); color: #121212; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(159, 168, 218, 0.68); color: #121212; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #373737; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #262626; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #9FA8DA; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #121212; + background: #9FA8DA; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #121212; + background: #9FA8DA; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index b14b6ae1c..a8db3399b 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -2490,43 +2490,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #ffffff; border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #673AB7; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(103, 58, 183, 0.12); border: 1px solid rgba(103, 58, 183, 0.12); color: #673AB7; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #ffffff; border: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #e0e0e0; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #673AB7; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(103, 58, 183, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #f6f6f6; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #e0e0e1; border-color: #e0e0e1; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #d9d8d9; border-color: #d9d8d9; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #673AB7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #673AB7; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 901cf2715..d09373c3b 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -2490,43 +2490,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #ffffff; border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #3F51B5; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(63, 81, 181, 0.12); border: 1px solid rgba(63, 81, 181, 0.12); color: #3F51B5; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #ffffff; border: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #e0e0e0; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #3F51B5; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(63, 81, 181, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #f6f6f6; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #e0e0e1; border-color: #e0e0e1; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #d9d8d9; border-color: #d9d8d9; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #3F51B5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #3F51B5; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 6af6e4978..b59d9c878 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -2490,43 +2490,38 @@ padding: 0.75rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #673AB7; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(103, 58, 183, 0.16); border: 1px solid rgba(103, 58, 183, 0.16); color: #673AB7; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #673AB7; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(103, 58, 183, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #373737; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #262626; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #673AB7; + background: rgba(103, 58, 183, 0.16); + border-color: rgba(103, 58, 183, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #673AB7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(103, 58, 183, 0.16); + border-color: rgba(103, 58, 183, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #673AB7; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 3f35ae467..1e1bbfc26 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -2490,43 +2490,38 @@ padding: 0.75rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1e1e1e; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #3F51B5; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1e1e1e; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(63, 81, 181, 0.16); border: 1px solid rgba(63, 81, 181, 0.16); color: #3F51B5; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #3F51B5; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(63, 81, 181, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #2f2f2f; border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #373737; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #262626; border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #3F51B5; + background: rgba(63, 81, 181, 0.16); + border-color: rgba(63, 81, 181, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #3F51B5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(63, 81, 181, 0.16); + border-color: rgba(63, 81, 181, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #3F51B5; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 77bd4295e..24a57009e 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -2490,43 +2490,38 @@ padding: 0.75rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #ffffff; border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #673AB7; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(103, 58, 183, 0.12); border: 1px solid rgba(103, 58, 183, 0.12); color: #673AB7; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #ffffff; border: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #e0e0e0; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #673AB7; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(103, 58, 183, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #f6f6f6; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #e0e0e1; border-color: #e0e0e1; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #d9d8d9; border-color: #d9d8d9; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #673AB7; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #673AB7; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #673AB7; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 0e8fff286..63a4fb1f9 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -2490,43 +2490,38 @@ padding: 0.75rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #ffffff; border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #3F51B5; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: rgba(63, 81, 181, 0.12); border: 1px solid rgba(63, 81, 181, 0.12); color: #3F51B5; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #ffffff; border: 1px solid #e0e0e0; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #e0e0e0; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #3F51B5; border: 0 none; @@ -2536,77 +2531,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: rgba(63, 81, 181, 0.68); color: #ffffff; border-color: transparent; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #f6f6f6; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #e0e0e1; border-color: #e0e0e1; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #d9d8d9; border-color: #d9d8d9; color: rgba(0, 0, 0, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #3F51B5; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #3F51B5; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #3F51B5; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 6787e13af..581396dd8 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -2466,43 +2466,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #007ad9; border: 1px solid #007ad9; color: #ffffff; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #c8c8c8; color: #333333; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #007ad9; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #007ad9; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #116fbf; border: 1px solid #116fbf; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #007ad9; border: 1px solid #007ad9; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #c8c8c8; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #007ad9; border-color: #007ad9; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #116fbf; border-color: #116fbf; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #333333; + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #eaeaea; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #007ad9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #116fbf; + color: #ffffff; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #dadada; + border: 1px solid #dadada; + color: #333333; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #116fbf; + border-color: #116fbf; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index e9fb3fd87..e418e07cb 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #333333; border: 1px solid #333333; color: #ffffff; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #c8c8c8; color: #333333; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #333333; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #333333; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #116fbf; border: 1px solid #116fbf; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #333333; border: 1px solid #333333; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #c8c8c8; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #007ad9; border-color: #007ad9; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #116fbf; border-color: #116fbf; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #333333; + border-color: #333333; + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #333333; + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #eaeaea; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #116fbf; + color: #ffffff; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #dadada; + border: 1px solid #dadada; + color: #333333; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #116fbf; + border-color: #116fbf; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index c9a6873fe..bec6ee0dd 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f4f4f4; border: 1px solid #c8c8c8; color: #333333; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #c8c8c8; color: #333333; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #c8c8c8; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #c8c8c8; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #318c63; border: 1px solid #318c63; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f4f4f4; border: 1px solid #c8c8c8; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #c8c8c8; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #41b883; border: 1px solid #41b883; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #318c63; color: #ffffff; border-color: #318c63; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #246749; color: #ffffff; border-color: #246749; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #41b883; border-color: #41b883; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #318c63; border-color: #318c63; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f4f4f4; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #333333; + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #318c63; + border-color: #318c63; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #318c63; + border-color: #318c63; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #eaeaea; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f4f4f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #41b883; + border: 1px solid #41b883; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #318c63; + color: #ffffff; + border-color: #318c63; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #246749; + color: #ffffff; + border-color: #246749; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c2e9d8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #ffffff; + background: #41b883; + border: 1px solid #41b883; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c2e9d8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #dadada; + border: 1px solid #dadada; + color: #333333; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #41b883; + border-color: #41b883; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #318c63; + border-color: #318c63; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c2e9d8; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 5f36585b7..23d570d5b 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -2478,43 +2478,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f4f4f4; border: 1px solid #c8c8c8; color: #333333; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #c8c8c8; color: #333333; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #c8c8c8; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #c8c8c8; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #116fbf; border: 1px solid #116fbf; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f4f4f4; border: 1px solid #c8c8c8; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #c8c8c8; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; @@ -2524,77 +2519,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #007ad9; border-color: #007ad9; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #116fbf; border-color: #116fbf; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f4f4f4; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #333333; + border-color: #c8c8c8; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #116fbf; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #eaeaea; + color: #333333; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f4f4f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #116fbf; + color: #ffffff; + border-color: #116fbf; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #ffffff; + background: #007ad9; + border: 1px solid #007ad9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #dadada; + border: 1px solid #dadada; + color: #333333; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #116fbf; + border-color: #116fbf; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 9e6529397..be6058976 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -2466,43 +2466,38 @@ padding: 0.571rem 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #7B95A3; border: 1px solid #7B95A3; color: #ffffff; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dadada; color: #666666; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #385048; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #7B95A3; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #7B95A3; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #AFD3C8; border: 1px solid #6c8999; color: #385048; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #7B95A3; border: 1px solid #7B95A3; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dadada; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #7B95A3; border: 1px solid #7B95A3; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #617c8a; color: #ffffff; border-color: #617c8a; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #eaeaea; border: 1px solid #eaeaea; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #8DC8B5; border-color: #8DC8B5; color: #385048; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dadada; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #7B95A3; + border-color: #7B95A3; + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #666666; + border-color: #dadada; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #385048; + background: #AFD3C8; + border-color: #6c8999; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #385048; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #AFD3C8; + border-color: #6c8999; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #f4f4f4; + color: #666666; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #7B95A3; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #7B95A3; + border: 1px solid #7B95A3; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #6c8999; + color: #ffffff; + border-color: #6c8999; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #617c8a; + color: #ffffff; + border-color: #617c8a; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.5; + color: #ffffff; + background: #7B95A3; + border: 1px solid #7B95A3; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #eaeaea; + border: 1px solid #eaeaea; + color: #333333; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #c8c8c8; + border-color: #c8c8c8; + color: #333333; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #AFD3C8; + border-color: #AFD3C8; + color: #385048; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #8DC8B5; + border-color: #8DC8B5; + color: #385048; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index f7a9d072f..5206dc5f6 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #495057; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #0d89ec; border: 1px solid #0d89ec; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #0d89ec; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #0d89ec; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #0d89ec; + color: #ffffff; + border-color: #0d89ec; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #2196F3; + border: 1px solid #2196F3; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #2196F3; + border-color: #2196F3; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #0d89ec; + border-color: #0d89ec; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 136b2d6b0..e8f97fc35 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #495057; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #449e48; border: 1px solid #449e48; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #4CAF50; border: 1px solid #4CAF50; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #449e48; color: #ffffff; border-color: #449e48; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #3d8c40; color: #ffffff; border-color: #3d8c40; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #4CAF50; border-color: #4CAF50; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #449e48; border-color: #449e48; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #449e48; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #449e48; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #449e48; + color: #ffffff; + border-color: #449e48; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #4CAF50; + border-color: #4CAF50; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #449e48; + border-color: #449e48; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 2be77415c..413e94875 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #495057; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #ecb100; border: 1px solid #ecb100; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #FFC107; border: 1px solid #FFC107; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #ecb100; color: #212529; border-color: #ecb100; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #d29d00; color: #212529; border-color: #d29d00; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #FFC107; border-color: #FFC107; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #ecb100; border-color: #ecb100; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ecb100; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ecb100; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ecb100; + color: #212529; + border-color: #ecb100; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #212529; + background: #FFC107; + border: 1px solid #FFC107; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFC107; + border-color: #FFC107; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ecb100; + border-color: #ecb100; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 502fab61c..d060f39d7 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } -.fc .fc-view-harness td { - background: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #dee2e6; color: #495057; - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #dee2e6; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #ffffff; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #8c239e; border: 1px solid #8c239e; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #dee2e6; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #9C27B0; border: 1px solid #9C27B0; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #9C27B0; border-color: #9C27B0; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #8c239e; border-color: #8c239e; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness td { + color: #495057; + border-color: #dee2e6; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #8c239e; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #8c239e; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: #e9ecef; + color: #495057; +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #f8f9fa; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #8c239e; + color: #ffffff; + border-color: #8c239e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.6; + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #9C27B0; + border-color: #9C27B0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #8c239e; + border-color: #8c239e; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 4af1a576d..7324f1181 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1f2d40; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1f2d40; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #43a5f4; border: 1px solid #43a5f4; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1f2d40; border: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #304562; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #64B5F6; border: 1px solid #64B5F6; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #2396f2; color: #212529; border-color: #2396f2; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #64B5F6; border-color: #64B5F6; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #43a5f4; border-color: #43a5f4; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #43a5f4; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #43a5f4; + color: #212529; + border-color: #43a5f4; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #64B5F6; + border: 1px solid #64B5F6; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #64B5F6; + border-color: #64B5F6; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #43a5f4; + border-color: #43a5f4; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index f881cdb1a..3f45791b9 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1f2d40; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1f2d40; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #6abd6e; border: 1px solid #6abd6e; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1f2d40; border: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #304562; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #81C784; border: 1px solid #81C784; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #54b358; color: #212529; border-color: #54b358; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #81C784; border-color: #81C784; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #6abd6e; border-color: #6abd6e; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #6abd6e; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #81C784; + border: 1px solid #81C784; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #6abd6e; + color: #212529; + border-color: #6abd6e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #81C784; + border: 1px solid #81C784; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #81C784; + border-color: #81C784; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #6abd6e; + border-color: #6abd6e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 889d2d7e3..0f54e1a49 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1f2d40; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #212529; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1f2d40; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #ffcd2e; border: 1px solid #ffcd2e; color: #212529; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1f2d40; border: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #304562; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #212529; background: #FFD54F; border: 1px solid #FFD54F; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #ffc50c; color: #212529; border-color: #ffc50c; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #FFD54F; border-color: #FFD54F; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #ffcd2e; border-color: #ffcd2e; color: #212529; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #212529; + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #212529; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #ffcd2e; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #ffcd2e; + color: #212529; + border-color: #ffcd2e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #212529; + background: #FFD54F; + border: 1px solid #FFD54F; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #FFD54F; + border-color: #FFD54F; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #ffcd2e; + border-color: #ffcd2e; + color: #212529; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index c7831dada..5c94217ff 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -2466,43 +2466,38 @@ padding: 1rem; } -.fc .fc-view-harness th { +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-view-harness td { - background: #1f2d40; +.fc.fc-unthemed .fc-view-container td.fc-widget-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); - border-top-width: 0; - border-left-width: 0; } -.fc .fc-view-harness .fc-daygrid-event-dot { - border-color: #ffffff; +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #304562; } -.fc .fc-view-harness .fc-row { +.fc.fc-unthemed .fc-view-container .fc-view { + background: #1f2d40; +} +.fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main { +.fc.fc-unthemed .fc-view-container .fc-event { background: #b052c0; border: 1px solid #b052c0; color: #ffffff; } -.fc .fc-view-harness .fc-divider { +.fc.fc-unthemed .fc-view-container .fc-divider { background: #1f2d40; border: 1px solid #304562; - display: none !important; } -.fc .fc-view-harness .fc-scrollgrid { - border: 1px solid #304562; -} -.fc .fc-view-harness .fc-scrollgrid-section-header > *, -.fc .fc-view-harness .fc-scrollgrid-section-footer > * { - border-bottom-width: 0; -} -.fc .fc-toolbar .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #BA68C8; border: 1px solid #BA68C8; @@ -2512,77 +2507,199 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:enabled:hover { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } -.fc .fc-toolbar .fc-button:enabled:active { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #a241b2; color: #ffffff; border-color: #a241b2; } -.fc .fc-toolbar .fc-button:enabled:active:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } -.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } -.fc .fc-toolbar .fc-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #1f2d40; border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #BA68C8; border-color: #BA68C8; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #b052c0; border-color: #b052c0; color: #ffffff; } -.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; z-index: 1; } -.fc .fc-toolbar .fc-button-group .fc-button { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -.fc .fc-toolbar .fc-button-group .fc-button:first-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.fc .fc-toolbar .fc-button-group .fc-button:last-child { +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1f2d40; + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: #304562; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #ffffff; + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: #b052c0; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1f2d40; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: #b052c0; + color: #ffffff; + border-color: #b052c0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.4; + color: #ffffff; + background: #BA68C8; + border: 1px solid #BA68C8; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #1f2d40; + border: 1px solid #304562; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #304562; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #BA68C8; + border-color: #BA68C8; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #b052c0; + border-color: #b052c0; + color: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }