Fix month UI

www/calendar/app-calendar.less

@@ -24,12 +24,33 @@
         .tui-full-calendar-layout {
             background-color: @cp_sidebar-right-bg !important;
             color: @cryptpad_text_col;
-            .tui-full-calendar-month * {
-                color: @cryptpad_text_col !important; // XXX
+            .tui-full-calendar-month {
+                .tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
+                    color: @cryptpad_text_col !important; // XXX
+                }
+                .tui-full-calendar-extra-date {
+                    .tui-full-calendar-weekday-grid-date {
+                        color: @cp_sidebar-hint !important; // XXX
+                        opacity: 0.5;
+                    }
+                }
+                .tui-full-calendar-weekday-grid-date {
+                    color: @cryptpad_text_col !important; // XXX
+                }
+                .tui-full-calendar-month-dayname-item span {
+                    color: @cryptpad_text_col !important; // XXX
+                }
             }
             .tui-full-calendar-dayname * {
                 color: @cryptpad_text_col !important; // XXX
             }
+                .tui-full-calendar-month-more {
+                    background-color: @cp_sidebar-right-bg !important;
+                    color: @cryptpad_text_col;
+                    span {
+                        color: @cryptpad_text_col !important;
+                    }
+                }
         }
         .tui-full-calendar-timegrid-timezone {
             background-color: @cp_sidebar-right-bg !important;

www/calendar/inner.js

@@ -639,7 +639,7 @@ Messages.calendar_dateTimeRange = "{0} {1} - {2}";
             template: templates,
             month: {
                 daynames: getWeekDays(),
-                startDayOfWeek: 0,
+                startDayOfWeek: 1,
             },
             week: {
                 daynames: getWeekDays(),