From d6766c71aff2ea1aafcf4e3cff3bcec804648b5b Mon Sep 17 00:00:00 2001
From: Wes <wesbillman@users.noreply.github.com>
Date: Thu, 30 Apr 2026 15:32:28 -0600
Subject: [PATCH] fix(mobile): improve text contrast by using correct color
 tokens (#438)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 mobile/lib/features/channels/channel_detail_page.dart | 8 ++++----
 mobile/lib/features/channels/channels_page.dart       | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/mobile/lib/features/channels/channel_detail_page.dart b/mobile/lib/features/channels/channel_detail_page.dart
index 6144e8f1f..bf42370d4 100644
--- a/mobile/lib/features/channels/channel_detail_page.dart
+++ b/mobile/lib/features/channels/channel_detail_page.dart
@@ -609,7 +609,7 @@ class _SystemMessageRow extends ConsumerWidget {
                   child: Icon(
                     LucideIcons.arrowLeftRight,
                     size: 12,
-                    color: context.colors.outline,
+                    color: context.colors.onSurfaceVariant,
                   ),
                 ),
                 const SizedBox(width: Grid.xxs),
@@ -624,7 +624,7 @@ class _SystemMessageRow extends ConsumerWidget {
                 Text(
                   formatMessageTime(message.createdAt),
                   style: context.textTheme.labelSmall?.copyWith(
-                    color: context.colors.outline,
+                    color: context.colors.onSurfaceVariant,
                   ),
                 ),
               ],
@@ -821,7 +821,7 @@ class _MessageBubble extends ConsumerWidget {
                           Text(
                             formatMessageTime(message.createdAt),
                             style: context.textTheme.labelSmall?.copyWith(
-                              color: context.colors.outline,
+                              color: context.colors.onSurfaceVariant,
                             ),
                           ),
                           if (message.edited) ...[
@@ -829,7 +829,7 @@ class _MessageBubble extends ConsumerWidget {
                             Text(
                               '(edited)',
                               style: context.textTheme.labelSmall?.copyWith(
-                                color: context.colors.outline,
+                                color: context.colors.onSurfaceVariant,
                                 fontStyle: FontStyle.italic,
                               ),
                             ),
diff --git a/mobile/lib/features/channels/channels_page.dart b/mobile/lib/features/channels/channels_page.dart
index cf06f3e94..2b37a1f51 100644
--- a/mobile/lib/features/channels/channels_page.dart
+++ b/mobile/lib/features/channels/channels_page.dart
@@ -471,12 +471,12 @@ class _SectionHeader extends StatelessWidget {
         ),
         child: Row(
           children: [
-            Icon(icon, size: 14, color: context.colors.outline),
+            Icon(icon, size: 14, color: context.colors.onSurfaceVariant),
             const SizedBox(width: Grid.half),
             Text(
               label.toUpperCase(),
               style: context.textTheme.labelSmall?.copyWith(
-                color: context.colors.outline,
+                color: context.colors.onSurfaceVariant,
                 fontWeight: FontWeight.w600,
                 letterSpacing: 0.8,
               ),
@@ -485,7 +485,7 @@ class _SectionHeader extends StatelessWidget {
             Icon(
               expanded ? LucideIcons.chevronDown : LucideIcons.chevronRight,
               size: 14,
-              color: context.colors.outline,
+              color: context.colors.onSurfaceVariant,
             ),
           ],
         ),
@@ -531,7 +531,7 @@ class _ChannelTile extends ConsumerWidget {
                 size: 18,
                 color: hasActivity
                     ? context.colors.onSurface
-                    : context.colors.outline,
+                    : context.colors.onSurfaceVariant,
               ),
             const SizedBox(width: Grid.xxs),
             Expanded(