From e5d1670d66390db133597c80001d8d731c1a91ca Mon Sep 17 00:00:00 2001
From: ishikawa999 <14245262+ishikawa999@users.noreply.github.com>
Date: Wed, 28 Jan 2026 02:09:50 +0000
Subject: [PATCH] Update calendar today styling to blue date indicator

---
 app/assets/stylesheets/application.css | 22 ++++++++++++++++++++--
 app/views/common/_calendar.html.erb    |  3 ++-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 20174845b..9ab5aa695 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1507,13 +1507,31 @@ ul.cal {
 }
 
 .cal .calbody p.day-num {font-size: 1.1em; text-align: end;}
+.cal .calbody .day-value {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5em;
+  height: 1.5em;
+}
 .cal .calbody .abbr-day {display:none}
 .cal .calbody.this-month {background-color:var(--oc-white);}
 .cal .calbody.other-month {background-color:var(--oc-gray-1);}
 .cal .calbody.other-month p.day-num {color: var(--oc-gray-5);}
-.cal .calbody.today {background:var(--oc-yellow-0);}
 .cal .calbody.today p.day-num {font-weight: bold;}
-
+.cal .calbody.today .day-value {
+  color: var(--oc-white);
+  isolation: isolate;
+}
+.cal .calbody.today .day-value::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--oc-blue-5);
+  border-radius: 50%;
+  z-index: -1;
+}
 .cal .calbody .icon {padding-block-start: 2px; padding-block-end: 3px;}
 .cal .calbody.nwday:not(.other-month) {background-color:var(--oc-gray-1);}
 
diff --git a/app/views/common/_calendar.html.erb b/app/views/common/_calendar.html.erb
index 259dcaeec..4ff2d0339 100644
--- a/app/views/common/_calendar.html.erb
+++ b/app/views/common/_calendar.html.erb
@@ -11,7 +11,8 @@
     </li>
     <% week.each do |day| %>
     <li class="<%= calendar.day_css_classes day %> calbody">
-      <p class="day-num"><%= day.day %>
+      <p class="day-num">
+        <span class="day-value"><%= day.day %></span>
         <span class="abbr-day">(<%= abbr_day_name(day.cwday) %>)</span>
       </p>
       <% calendar.events_on(day).each do |i| %>
-- 
2.52.0