Fix mobile Source Control primary action styling (#6918)

Co-authored-by: Orca <help@stably.ai>

mobile/src/source-control/MobileSourceControlContent.tsx

@@ -51,7 +51,8 @@ export function MobileSourceControlContent({ state }: Props) {
   } = state
   const ioBusy = busyAction !== null || openingPath !== null || openingBranchPath !== null
   const shouldShowGenerateButton = stagedCount > 0 || generatingMessage
-  const createPrHeroActive = createPrAction.visible && !createPrAction.disabled
+  const createPrHeroActive =
+    createPrAction.visible && !createPrAction.disabled && !createPrAction.pushFirst
 
   return (
     <>

mobile/src/source-control/MobileSourceControlCreatePrEntry.tsx

@@ -28,14 +28,11 @@ export function MobileSourceControlCreatePrEntry({ action }: Props) {
         accessibilityHint={action.hint}
       >
         {action.loading ? (
-          <ActivityIndicator
-            size="small"
-            color={enabled ? colors.onAccentBlue : colors.textSecondary}
-          />
+          <ActivityIndicator size="small" color={enabled ? colors.bgBase : colors.textSecondary} />
         ) : (
           <GitPullRequestArrow
             size={16}
-            color={enabled ? colors.onAccentBlue : colors.textSecondary}
+            color={enabled ? colors.bgBase : colors.textSecondary}
             strokeWidth={2.2}
           />
         )}

mobile/src/source-control/mobile-source-control-styles.ts

@@ -180,7 +180,7 @@ const baseStyles = StyleSheet.create({
   createPrButton: {
     minHeight: 42,
     borderRadius: radii.button,
-    backgroundColor: colors.accentBlueCta,
+    backgroundColor: colors.textPrimary,
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'row',
@@ -196,7 +196,7 @@ const baseStyles = StyleSheet.create({
     opacity: 0.78
   },
   createPrButtonText: {
-    color: colors.onAccentBlue,
+    color: colors.bgBase,
     fontSize: typography.bodySize,
     fontWeight: '700'
   },

mobile/src/theme/mobile-theme.ts

@@ -18,11 +18,6 @@ export const colors = {
   surfaceBright: '#f5f5f5',
 
   accentBlue: '#3b82f6',
-  // Primary-CTA fill (darker than accentBlue) so white on-fill text/icons clear
-  // WCAG AA 4.5:1; accentBlue itself is ~3.7:1 on white and stays a link/accent tint.
-  accentBlueCta: '#2563eb',
-  // On-fill text/icon color for the primary-CTA button.
-  onAccentBlue: '#ffffff',
 
   statusGreen: '#22c55e',
   statusAmber: '#f59e0b',