diff --git a/static/hub.css b/static/hub.css
index 13c78e8..59c3e52 100644
--- a/static/hub.css
+++ b/static/hub.css
@@ -153,7 +153,13 @@ body.page-login .main {
   background: rgba(56, 189, 248, 0.35);
 }
 .overview-bj-weekday {
-  color: var(--text);
+  font-weight: 650;
+}
+.overview-bj-weekday.is-weekday {
+  color: var(--ok);
+}
+.overview-bj-weekday.is-weekend {
+  color: var(--bad);
 }
 .overview-bj-lunar {
   color: var(--muted);
diff --git a/static/hub.js b/static/hub.js
index a0372bd..6cc7b66 100644
--- a/static/hub.js
+++ b/static/hub.js
@@ -628,6 +628,7 @@
       const y = Number(get("year"));
       const m = Number(get("month"));
       const d = Number(get("day"));
+      const weekdayIndex = new Date(Date.UTC(y, m - 1, d)).getUTCDay();
       return {
         time:
           get("year") +
@@ -641,7 +642,8 @@
           get("minute") +
           ":" +
           get("second"),
-        weekday: WEEKDAYS[new Date(Date.UTC(y, m - 1, d)).getUTCDay()] || "",
+        weekdayIndex: weekdayIndex,
+        weekday: WEEKDAYS[weekdayIndex] || "",
         lunar: solarToLunarText(y, m, d),
       };
     } catch (e) {
@@ -667,6 +669,7 @@
           p(bj.getMinutes()) +
           ":" +
           p(bj.getSeconds()),
+        weekdayIndex: bj.getDay(),
         weekday: WEEKDAYS[bj.getDay()] || "",
         lunar: solarToLunarText(y, m, d),
       };
@@ -681,12 +684,13 @@
     el.setAttribute("datetime", parts.time.replace(" ", "T") + "+08:00");
     const meta = document.getElementById("overview-bj-meta");
     if (meta) {
-      const bits = [parts.weekday, parts.lunar].filter(Boolean);
+      const weekend = parts.weekdayIndex === 0 || parts.weekdayIndex === 6;
+      const wdClass = weekend ? "is-weekend" : "is-weekday";
       meta.innerHTML =
-        '<span class="overview-bj-weekday">' +
-        bits[0] +
-        "</span>" +
-        (bits[1] ? '<span class="overview-bj-lunar">' + bits[1] + "</span>" : "");
+        (parts.weekday
+          ? '<span class="overview-bj-weekday ' + wdClass + '">' + parts.weekday + "</span>"
+          : "") +
+        (parts.lunar ? '<span class="overview-bj-lunar">' + parts.lunar + "</span>" : "");
     }
   }
 
diff --git a/templates/base.html b/templates/base.html
index 7a3ca24..87076bb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}期权中控{% endblock %}</title>
-  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=2">
+  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=3">
 </head>
 <body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path == '/' %}page-dashboard{% endif %}">
   {% if session.get('logged_in') %}
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 7c37855..8a25d11 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -15,6 +15,6 @@
 <div id="overview-grid"></div>
 {% endblock %}
 {% block scripts %}
-<script src="{{ url_for('static', filename='hub.js') }}?v=14"></script>
+<script src="{{ url_for('static', filename='hub.js') }}?v=15"></script>
 <script>HubOverview.boot();</script>
 {% endblock %}