From ab6da07259236159e84f2d7de12927de2732bf7c Mon Sep 17 00:00:00 2001 From: Gustavo Medori Date: Mon, 6 Jul 2026 15:09:29 -0600 Subject: [PATCH] iOS: Add color design tokens (#68317) * Add Color assets * Update Icon.swift and LandingView.swift to use the new color tokens * Add non-default foreground colors * Remove unused primaryBackgroundPressed color * Update LandingView to use new foreground color tokens * Update EnrollDeviceView to use new color tokens --- .../Verify/App Lifecycle/LandingView.swift | 14 +++++-- .../Verify/App Lifecycle/VerifyApp.swift | 1 + mobile/Verify/Verify/Components/Icon.swift | 4 +- .../Color.xcassets/Background/Contents.json | 9 +++++ .../depth1.colorset}/Contents.json | 12 +++--- .../Background/depth2.colorset/Contents.json | 38 +++++++++++++++++++ .../Background/depth3.colorset/Contents.json | 38 +++++++++++++++++++ .../Background/depth4.colorset/Contents.json | 38 +++++++++++++++++++ .../Contents.json | 0 .../Color.xcassets/Foreground/Contents.json | 9 +++++ .../disabled.colorset/Contents.json | 38 +++++++++++++++++++ .../Foreground/muted.colorset/Contents.json | 38 +++++++++++++++++++ .../slightlyMuted.colorset/Contents.json | 38 +++++++++++++++++++ .../accent.colorset/Contents.json | 38 +++++++++++++++++++ .../alert.colorset/Contents.json | 38 +++++++++++++++++++ .../danger.colorset/Contents.json | 38 +++++++++++++++++++ .../neutral1.colorset/Contents.json | 38 +++++++++++++++++++ .../neutral2.colorset/Contents.json | 38 +++++++++++++++++++ .../neutral3.colorset/Contents.json | 38 +++++++++++++++++++ .../Contents.json | 12 +++--- .../teleport.colorset}/Contents.json | 0 .../Verify/Design/PrimaryButtonStyle.swift | 4 +- .../Verify/Enrollment/EnrollDeviceView.swift | 4 +- 23 files changed, 503 insertions(+), 22 deletions(-) create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Background/Contents.json rename mobile/Verify/Verify/Design/Color.xcassets/{Button/primaryBackgroundPressed.colorset => Background/depth1.colorset}/Contents.json (84%) create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Background/depth2.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Background/depth3.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Background/depth4.colorset/Contents.json rename mobile/Verify/Verify/Design/Color.xcassets/Button/{primayForeground.colorset => primaryForeground.colorset}/Contents.json (100%) create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Foreground/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Foreground/disabled.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Foreground/muted.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/Foreground/slightlyMuted.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/accent.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/alert.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/danger.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/neutral1.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/neutral2.colorset/Contents.json create mode 100644 mobile/Verify/Verify/Design/Color.xcassets/neutral3.colorset/Contents.json rename mobile/Verify/Verify/Design/Color.xcassets/{Button/primaryBackground.colorset => success.colorset}/Contents.json (80%) rename mobile/Verify/Verify/{Assets.xcassets/AccentColor.colorset => Design/Color.xcassets/teleport.colorset}/Contents.json (100%) diff --git a/mobile/Verify/Verify/App Lifecycle/LandingView.swift b/mobile/Verify/Verify/App Lifecycle/LandingView.swift index de3173efa5b..e1e7bb0660c 100644 --- a/mobile/Verify/Verify/App Lifecycle/LandingView.swift +++ b/mobile/Verify/Verify/App Lifecycle/LandingView.swift @@ -40,6 +40,7 @@ struct LandingView: View { .scrollBounceBehavior(.basedOnSize) } .padding(.horizontal) + .background(Color.Background.depth3) // MARK: Navigation @@ -72,11 +73,11 @@ extension LandingView { private var titleBlock: some View { VStack(spacing: .small) { Text("Scan QR code") - .font(.title) + .font(.title2) + .fontWeight(.semibold) Text("Enroll this device for your cluster by scanning the QR code in your web browser") - .font(.callout) .multilineTextAlignment(.center) - .foregroundStyle(.secondary) + .foregroundStyle(Color.Foreground.slightlyMuted) } } @@ -114,13 +115,18 @@ extension LandingView { private func instructionStep(stepNumber: UInt, @ViewBuilder label: () -> some View) -> some View { Label { label() + .font(.callout) + .foregroundStyle(Color.Foreground.slightlyMuted) } icon: { Image(systemName: "\(stepNumber).circle.fill") .foregroundStyle(.tint.opacity(0.8)) } .frame(maxWidth: .infinity, alignment: .leading) .padding() - .background(RoundedRectangle(cornerRadius: .small).fill(.background).strokeBorder(.separator)) + .background( + RoundedRectangle(cornerRadius: .small) + .fill(Color.Background.depth2), + ) } private var rightArrow: Image { diff --git a/mobile/Verify/Verify/App Lifecycle/VerifyApp.swift b/mobile/Verify/Verify/App Lifecycle/VerifyApp.swift index ea5bbeb79f3..4017f264f20 100644 --- a/mobile/Verify/Verify/App Lifecycle/VerifyApp.swift +++ b/mobile/Verify/Verify/App Lifecycle/VerifyApp.swift @@ -69,6 +69,7 @@ struct VerifyApp: App { var body: some Scene { WindowGroup { LandingView(viewModel: appModel.landingViewModel) + .tint(.teleport) .onOpenURL { url in appModel.openDeepLink(url) } diff --git a/mobile/Verify/Verify/Components/Icon.swift b/mobile/Verify/Verify/Components/Icon.swift index 8f24f20e791..9df31f9ad81 100644 --- a/mobile/Verify/Verify/Components/Icon.swift +++ b/mobile/Verify/Verify/Components/Icon.swift @@ -40,8 +40,8 @@ struct Icon: View { systemName: String, iconScale: CGFloat = 0.45, foreground: some ShapeStyle = .foreground, - fillStyle: some ShapeStyle = .background, - strokeStyle: some ShapeStyle = .separator, + fillStyle: some ShapeStyle = Color.Background.depth2, + strokeStyle: some ShapeStyle = Color.neutral1, maxWidth: CGFloat? = .xlarge * 2, ) { self.systemName = systemName diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Background/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Background/Contents.json new file mode 100644 index 00000000000..6e965652df6 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Background/Contents.json @@ -0,0 +1,9 @@ +{ + "info" : { + "author" : "xcode", + "version" : 1 + }, + "properties" : { + "provides-namespace" : true + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackgroundPressed.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth1.colorset/Contents.json similarity index 84% rename from mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackgroundPressed.colorset/Contents.json rename to mobile/Verify/Verify/Design/Color.xcassets/Background/depth1.colorset/Contents.json index af8662e8c83..1d0d7420112 100644 --- a/mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackgroundPressed.colorset/Contents.json +++ b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth1.colorset/Contents.json @@ -5,9 +5,9 @@ "color-space" : "srgb", "components" : { "alpha" : "1.000", - "blue" : "0.475", - "green" : "0.110", - "red" : "0.192" + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" } }, "idiom" : "universal" @@ -23,9 +23,9 @@ "color-space" : "srgb", "components" : { "alpha" : "1.000", - "blue" : "1.000", - "green" : "0.714", - "red" : "0.773" + "blue" : "0.475", + "green" : "0.255", + "red" : "0.204" } }, "idiom" : "universal" diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Background/depth2.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth2.colorset/Contents.json new file mode 100644 index 00000000000..d0f2aeb2845 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth2.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.988", + "green" : "0.984", + "red" : "0.984" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.349", + "green" : "0.173", + "red" : "0.133" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Background/depth3.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth3.colorset/Contents.json new file mode 100644 index 00000000000..ec0d1b02145 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth3.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.957", + "green" : "0.949", + "red" : "0.945" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.239", + "green" : "0.078", + "red" : "0.047" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Background/depth4.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth4.colorset/Contents.json new file mode 100644 index 00000000000..3ae588f6580 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Background/depth4.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.918", + "green" : "0.914", + "red" : "0.902" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Button/primayForeground.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Button/primaryForeground.colorset/Contents.json similarity index 100% rename from mobile/Verify/Verify/Design/Color.xcassets/Button/primayForeground.colorset/Contents.json rename to mobile/Verify/Verify/Design/Color.xcassets/Button/primaryForeground.colorset/Contents.json diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Foreground/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/Contents.json new file mode 100644 index 00000000000..6e965652df6 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/Contents.json @@ -0,0 +1,9 @@ +{ + "info" : { + "author" : "xcode", + "version" : 1 + }, + "properties" : { + "provides-namespace" : true + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Foreground/disabled.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/disabled.colorset/Contents.json new file mode 100644 index 00000000000..e0e7cf893b6 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/disabled.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.360", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.360", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Foreground/muted.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/muted.colorset/Contents.json new file mode 100644 index 00000000000..45457146b2b --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/muted.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.540", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.540", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Foreground/slightlyMuted.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/slightlyMuted.colorset/Contents.json new file mode 100644 index 00000000000..32a66504d45 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/Foreground/slightlyMuted.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.720", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.720", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/accent.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/accent.colorset/Contents.json new file mode 100644 index 00000000000..a42d037cbdc --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/accent.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.729", + "green" : "0.451", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "1.000", + "green" : "0.620", + "red" : "0.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/alert.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/alert.colorset/Contents.json new file mode 100644 index 00000000000..64c15ad450d --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/alert.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.000", + "green" : "0.671", + "red" : "1.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.000", + "green" : "0.671", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/danger.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/danger.colorset/Contents.json new file mode 100644 index 00000000000..43a27f98e33 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/danger.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.176", + "green" : "0.216", + "red" : "0.800" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "1.000", + "blue" : "0.341", + "green" : "0.384", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/neutral1.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/neutral1.colorset/Contents.json new file mode 100644 index 00000000000..70c9d9ac700 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/neutral1.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.060", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.070", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/neutral2.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/neutral2.colorset/Contents.json new file mode 100644 index 00000000000..c293a16606f --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/neutral2.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.130", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.130", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/neutral3.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/neutral3.colorset/Contents.json new file mode 100644 index 00000000000..57a8efb3630 --- /dev/null +++ b/mobile/Verify/Verify/Design/Color.xcassets/neutral3.colorset/Contents.json @@ -0,0 +1,38 @@ +{ + "colors" : [ + { + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.180", + "blue" : "0.000", + "green" : "0.000", + "red" : "0.000" + } + }, + "idiom" : "universal" + }, + { + "appearances" : [ + { + "appearance" : "luminosity", + "value" : "dark" + } + ], + "color" : { + "color-space" : "srgb", + "components" : { + "alpha" : "0.180", + "blue" : "1.000", + "green" : "1.000", + "red" : "1.000" + } + }, + "idiom" : "universal" + } + ], + "info" : { + "author" : "xcode", + "version" : 1 + } +} diff --git a/mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackground.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/success.colorset/Contents.json similarity index 80% rename from mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackground.colorset/Contents.json rename to mobile/Verify/Verify/Design/Color.xcassets/success.colorset/Contents.json index ba9f4085af6..0218ddb0f72 100644 --- a/mobile/Verify/Verify/Design/Color.xcassets/Button/primaryBackground.colorset/Contents.json +++ b/mobile/Verify/Verify/Design/Color.xcassets/success.colorset/Contents.json @@ -5,9 +5,9 @@ "color-space" : "srgb", "components" : { "alpha" : "1.000", - "blue" : "0.788", - "green" : "0.184", - "red" : "0.318" + "blue" : "0.447", + "green" : "0.522", + "red" : "0.000" } }, "idiom" : "universal" @@ -23,9 +23,9 @@ "color-space" : "srgb", "components" : { "alpha" : "1.000", - "blue" : "1.000", - "green" : "0.522", - "red" : "0.624" + "blue" : "0.651", + "green" : "0.749", + "red" : "0.000" } }, "idiom" : "universal" diff --git a/mobile/Verify/Verify/Assets.xcassets/AccentColor.colorset/Contents.json b/mobile/Verify/Verify/Design/Color.xcassets/teleport.colorset/Contents.json similarity index 100% rename from mobile/Verify/Verify/Assets.xcassets/AccentColor.colorset/Contents.json rename to mobile/Verify/Verify/Design/Color.xcassets/teleport.colorset/Contents.json diff --git a/mobile/Verify/Verify/Design/PrimaryButtonStyle.swift b/mobile/Verify/Verify/Design/PrimaryButtonStyle.swift index fc3afba4a53..9176fae9978 100644 --- a/mobile/Verify/Verify/Design/PrimaryButtonStyle.swift +++ b/mobile/Verify/Verify/Design/PrimaryButtonStyle.swift @@ -21,10 +21,10 @@ struct PrimaryButtonStyle: PrimitiveButtonStyle { func makeBody(configuration: Configuration) -> some View { Button(action: configuration.trigger) { configuration.label - .foregroundStyle(Color.Button.primayForeground) + .foregroundStyle(Color.Button.primaryForeground) } .buttonStyle(.borderedProminent) - .tint(Color.Button.primaryBackground) + .tint(.teleport) } } diff --git a/mobile/Verify/Verify/Enrollment/EnrollDeviceView.swift b/mobile/Verify/Verify/Enrollment/EnrollDeviceView.swift index b0c966642fa..a55086aae97 100644 --- a/mobile/Verify/Verify/Enrollment/EnrollDeviceView.swift +++ b/mobile/Verify/Verify/Enrollment/EnrollDeviceView.swift @@ -40,7 +40,7 @@ struct EnrollDeviceView: View { } .padding() .frame(maxWidth: .infinity, maxHeight: .infinity) - .background(Color(.systemGroupedBackground)) + .background(Color.Background.depth3) // MARK: Navigation @@ -61,7 +61,7 @@ extension EnrollDeviceView { .font(.title2) .fontWeight(.semibold) Text("To finish enrolling this device, approve the request from your account settings on another device.") - .foregroundStyle(.secondary) + .foregroundStyle(Color.Foreground.slightlyMuted) } var requestNowButton: some View {