diff --git a/web/style.css b/web/style.css
index aabe851..db3d3fd 100644
--- a/web/style.css
+++ b/web/style.css
@@ -2910,15 +2910,15 @@ a.mini-avatar.avatar-link:focus-visible {
 .activity-chip {
   display: inline-flex; align-items: center; gap: 5px;
   padding: 4px 10px; border-radius: 999px;
-  font-size: 12px; color: var(--chip-text);
+  font-size: 12px; color: var(--text);
   background: var(--accent-soft);
   cursor: pointer; border: 1px solid transparent;
   user-select: none;
 }
-.activity-chip:hover:not(:disabled) { background: #E5E9EF; }
+.activity-chip:hover:not(:disabled) { background: var(--surface-hover); }
 .activity-chip.is-active { background: var(--brand-blue); color: var(--text-on-accent); }
 .activity-chip.is-disabled, .activity-chip:disabled {
-  color: #A4ADB8; background: #F1F4F8; cursor: not-allowed;
+  color: var(--text-soft); background: var(--surface-2); cursor: not-allowed; opacity: .7;
 }
 
 .activity-banner {