From 450df59f07561e5eba288d46eff185baf10e252b Mon Sep 17 00:00:00 2001 From: Bob Date: Thu, 2 Jul 2026 01:27:06 +0000 Subject: [PATCH] fix(summary): outline dark-mode summary labels Dark mode forces SVG text to white globally, which makes app summary labels hard to read on light-colored bars. The previous per-bar luminosity approach did not handle labels that overflow outside the bar and made adjacent labels vary between white and dark text.\n\nKeep the existing label fill behavior and add a dark-mode-only outline scoped to the app summary SVG labels instead. The outline preserves readable white text both on light bars and when labels overflow past the bar.\n\nFixes ActivityWatch/aw-server-rust#621 --- static/dark.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/static/dark.css b/static/dark.css index cae587a3..dbf5477f 100644 --- a/static/dark.css +++ b/static/dark.css @@ -239,6 +239,13 @@ svg text { text-shadow: #000 0.5px 0.5px 0.5px; } +svg.appsummary text { + paint-order: stroke fill; + stroke: #000; + stroke-linejoin: round; + stroke-width: 2px; +} + /* Timespiral labels are drawn via D3 .style('fill', '#888'), which loses to the generic svg text rule above via !important — but the inner textPath elements (date rings) inherit a dim parent and need their own