Improve styling for new Calendar release and bump version number

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+## 23.2.1 - 2022-03-05
+
+### Fixed
+
+-   Improved styling for new Calendar release.
+
 ## 23.2.0 - 2022-01-30
 
 ### Added

appinfo/info.xml

@@ -36,7 +36,7 @@ Please note that you need the Accessibility app enabled in Nextcloud to access t
 
 Under the Theming section in the admin settings you can add your own custom styling to the theme. Only standard CSS can be used. This custom styling will be applied whenever the theme is enabled and only affects the Breeze Dark theme.
     ]]></description>
-    <version>23.2.0</version>
+    <version>23.2.1</version>
     <licence>agpl</licence>
     <author mail="[email protected]" homepage="https://github.com/mwalbeck/nextcloud-breeze-dark">Magnus Walbeck</author>
     <namespace>BreezeDark</namespace>

css/apps/official/_calendar.scss

@@ -7,21 +7,45 @@
 /* Calendar ----------------------------------------------------------------- */
 
 .app-calendar .app-content {
-    .fc td.fc-day.nc-calendar-fc-day-of-weekend {
-        background-color: var(--color-background-darker);
-    }
-
     .fc-highlight {
         background: var(--color-background-hover);
         opacity: unset;
     }
 
+    .fc .fc-cell-shaded {
+        background-color: var(--color-border);
+    }
+
     .fc-daygrid-week-number {
         background-color: var(--color-background-darker);
         border-bottom: 1px solid var(--color-border);
         border-right: 1px solid var(--color-border);
         color: var(--color-text-maxcontrast);
     }
+
+    .fc .fc-daygrid-day.fc-day-today,
+    .fc .fc-timegrid-col.fc-day-today,
+    .fc-day-today.fc-col-header-cell {
+        background-color: var(--color-background-hover) !important;
+    }
+
+    .fc-day-today.fc-col-header-cell a,
+    .fc-day-today.fc-col-header-cell span {
+        background-color: unset !important;
+    }
+
+    .fc-daygrid-day.fc-day.fc-day-other,
+    .fc .fc-daygrid-day.fc-day-today.fc-day-other {
+        background-color: var(--color-background-darker) !important;
+        border-color: var(--color-border);
+        opacity: 0.5;
+    }
+
+    .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today,
+    .fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today,
+    .fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell {
+        background-color: inherit !important;
+    }
 }
 
 .app-calendar .app-sidebar {