Color-code events by family member name anywhere in title

- Fuzzy name matching: if a member's name appears anywhere in the event
  title (word boundary, case-insensitive), it gets their color — no
  [prefix] required. e.g. "Daniel's Week" → green, "Jason Karate" → blue
- More vibrant card color palette (deeper pastels, stronger border accent)
- Bolder event title text and slightly thicker left border for clarity

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-07-27 21:17:29 +12:00
parent 93b2dad8fd
commit 98b4de70e7
3 changed files with 32 additions and 20 deletions

View File

@@ -119,27 +119,28 @@ html, body {
.event-card {
border-radius: 8px;
padding: 6px 8px;
border-left: 4px solid transparent;
border-left: 5px solid transparent;
font-size: 11.5px;
line-height: 1.35;
}
.event-time {
font-weight: 700;
color: rgba(0, 0, 0, 0.55);
color: rgba(0, 0, 0, 0.5);
font-size: 10.5px;
}
.event-title {
font-weight: 600;
color: #2B2B33;
font-weight: 700;
color: #1A1A2A;
overflow-wrap: anywhere;
}
.event-member {
font-size: 10px;
color: rgba(0, 0, 0, 0.5);
margin-top: 1px;
font-weight: 600;
color: rgba(0, 0, 0, 0.45);
margin-top: 2px;
}