From b62ef19cedaaf19630708fe97bb1fa3a3d982038 Mon Sep 17 00:00:00 2001 From: Patrick Mulligan Date: Thu, 1 Jan 2026 20:54:07 +0100 Subject: [PATCH] fix(nostr-feed): Use theme-aware colors for comment threading lines MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace hardcoded Tailwind colors with semantic chart-* colors that adapt to light/dark theme. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 --- .../nostr-feed/components/SubmissionComment.vue | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/src/modules/nostr-feed/components/SubmissionComment.vue b/src/modules/nostr-feed/components/SubmissionComment.vue index 5914a0a..9a5f6d4 100644 --- a/src/modules/nostr-feed/components/SubmissionComment.vue +++ b/src/modules/nostr-feed/components/SubmissionComment.vue @@ -81,16 +81,13 @@ function formatTime(timestamp: number): string { return formatDistanceToNow(timestamp * 1000, { addSuffix: true }) } -// Depth colors for threading lines (using bg-* since we use width, not border) +// Depth colors for threading lines (using theme-aware chart colors) const depthColors = [ - 'bg-blue-400', - 'bg-green-400', - 'bg-yellow-400', - 'bg-red-400', - 'bg-purple-400', - 'bg-pink-400', - 'bg-orange-400', - 'bg-cyan-400' + 'bg-chart-1', + 'bg-chart-2', + 'bg-chart-3', + 'bg-chart-4', + 'bg-chart-5' ] const depthColor = computed(() => depthColors[props.depth % depthColors.length])