aiolabs/webapp
1
0
Fork 0
Code Issues 16 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(nostr-feed): Use theme-aware colors for comment threading lines

Browse source 
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 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-01-01 20:54:07 +01:00
parent 56033994b9
commit b62ef19ced
1 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/modules/nostr-feed/components/SubmissionComment.vue
View file

@ -81,16 +81,13 @@ function formatTime(timestamp: number): string {
return formatDistanceToNow(timestamp * 1000, { addSuffix: true }) 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 = [ const depthColors = [
'bg-blue-400', 'bg-chart-1',
'bg-green-400', 'bg-chart-2',
'bg-yellow-400', 'bg-chart-3',
'bg-red-400', 'bg-chart-4',
'bg-purple-400', 'bg-chart-5'
'bg-pink-400',
'bg-orange-400',
'bg-cyan-400'
] ]
const depthColor = computed(() => depthColors[props.depth % depthColors.length]) const depthColor = computed(() => depthColors[props.depth % depthColors.length])