diff --git a/frontend/resources/vue/views/LogsCalendarView.vue b/frontend/resources/vue/views/LogsCalendarView.vue
index 2dc7046..11a3ba9 100644
--- a/frontend/resources/vue/views/LogsCalendarView.vue
+++ b/frontend/resources/vue/views/LogsCalendarView.vue
@@ -127,4 +127,16 @@ onMounted(() => {
 .padding {
   padding: 1rem;
 }
+
+@media (prefers-color-scheme: dark) {
+  :deep(div.calendar-header-nav) {
+    background-color: var(--bg, #111);
+    color: var(--text-color, #fff);
+    border-color: var(--border-color, #333);
+  }
+
+  :deep(div.calendar-header-nav h2.calendar-title) {
+    color: #fff !important;
+  }
+}
 </style>