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])