Adopt Compound Colours (#1086)

* Delete deprecated font tokens.

* Migrate from primaryContent to textPrimary/iconPrimary.

* Migrate from links to textLinkExternal.

* Migrate from secondaryContent to textSecondary/iconSecondary.

* Migrate from accent to textActionPrimary.

- Some uses changed to textPrimary or iconPrimary as necessary.
- Some manual tints removed now that that Sentry is fixed.

* Migrate alert to textCriticalPrimary/iconCriticalPrimary.

* Migrate from brand to textActionAccent/iconAccentTertiary.

* Migrate from background to bgCanvasDefault or text/iconOnSolidPrimary

* Migrate system to bgSubtleSecondary.

* Remove ElementUIColors and obsolete migrated colours.

* Migrate tertiaryContent/quaternaryContent/quinaryContent to Compound.

* Migrate bubblesYou/bubblesNotYou to use Compound.

* Update Compound.

ElementX/Sources/Screens/AnalyticsPromptScreen/View/AnalyticsPromptScreen.swift

@@ -27,7 +27,7 @@ struct AnalyticsPromptScreen: View {
             buttons
         }
         .background()
-        .environment(\.backgroundStyle, AnyShapeStyle(Color.element.background))
+        .environment(\.backgroundStyle, AnyShapeStyle(Color.compound.bgCanvasDefault))
         .navigationBarHidden(true)
         .navigationBarBackButtonHidden(true)
     }
@@ -41,18 +41,18 @@ struct AnalyticsPromptScreen: View {
             Text(L10n.screenAnalyticsPromptTitle(InfoPlistReader.main.bundleDisplayName))
                 .font(.compound.headingMDBold)
                 .multilineTextAlignment(.center)
-                .foregroundColor(.element.primaryContent)
+                .foregroundColor(.compound.textPrimary)
                 .padding(.bottom, 2)
                 .accessibilityIdentifier(A11yIdentifiers.analyticsPromptScreen.title)
             
             Text(context.viewState.strings.optInContent)
                 .font(.compound.bodyLG)
                 .multilineTextAlignment(.center)
-                .foregroundColor(.element.secondaryContent)
-                .tint(.element.links)
+                .foregroundColor(.compound.textSecondary)
+                .tint(.compound.textLinkExternal)
             
             Divider()
-                .background(Color.element.quinaryContent)
+                .overlay { Color.compound._borderRowSeparator }
                 .padding(.vertical, 20)
             
             checkmarkList
@@ -68,7 +68,7 @@ struct AnalyticsPromptScreen: View {
         }
         .fixedSize(horizontal: false, vertical: true)
         .font(.compound.bodyLG)
-        .foregroundColor(.element.secondaryContent)
+        .foregroundColor(.compound.textSecondary)
         .frame(maxWidth: .infinity)
     }
     

ElementX/Sources/Screens/AnalyticsPromptScreen/View/AnalyticsPromptScreenCheckmarkItem.swift

@@ -30,7 +30,7 @@ struct AnalyticsPromptScreenCheckmarkItem: View {
     var body: some View {
         Label { Text(attributedString) } icon: {
             Image(systemName: "checkmark.circle")
-                .foregroundColor(.element.accent)
+                .foregroundColor(.compound.iconPrimary)
         }
     }
 }