Просмотр исходного кода

chore: Fix Calendar h2 in dark mode

jamesread 5 месяцев назад
Родитель
Сommit
7f83b67a28
1 измененных файлов с 12 добавлено и 0 удалено
  1. 12 0
      frontend/resources/vue/views/LogsCalendarView.vue

+ 12 - 0
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>