From 33813794e4cf47388da7b3d9d3f68b52368f238c Mon Sep 17 00:00:00 2001
From: mfcar <marcosfcar@gmail.com>
Date: Sun, 15 Jun 2025 11:36:53 +0100
Subject: [PATCH] Add weekend color background

---
 client/pages/library/_library/calendar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/pages/library/_library/calendar.vue b/client/pages/library/_library/calendar.vue
index 8fe2d00a..164042ff 100644
--- a/client/pages/library/_library/calendar.vue
+++ b/client/pages/library/_library/calendar.vue
@@ -75,7 +75,8 @@
               :class="{
                 'bg-black/20': !day.isCurrentMonth,
                 'bg-blue-600/30': day.isCurrentMonth && day.isToday,
-                'bg-transparent': day.isCurrentMonth && !day.isToday
+                'bg-transparent': day.isCurrentMonth && !day.isToday && !day.isWeekend,
+                'bg-slate-700/50': day.isCurrentMonth && !day.isToday && day.isWeekend
               }"
             >
               <div v-if="day.isToday" class="absolute inset-0 border-2 border-blue-500 pointer-events-none" style="z-index: 5"></div>
@@ -259,6 +260,7 @@ export default {
           dayNumber: currentDay.getDate(),
           isCurrentMonth: currentDay.getMonth() === month,
           isToday: this.isSameDay(currentDay, today),
+          isWeekend: this.isWeekendDay(currentDay),
           episodes: dayEpisodes
         })
 
@@ -346,6 +348,10 @@ export default {
     isSameDay(date1, date2) {
       return this.formatDateKey(date1) === this.formatDateKey(date2)
     },
+    isWeekendDay(date) {
+      const dayOfWeek = date.getDay()
+      return dayOfWeek === 0 || dayOfWeek === 6
+    },
     getItemColorClass(episode) {
       const podcastId = episode.podcastId || episode.libraryItemId
       const hash = this.itemGroupingHash(podcastId)