PM-11217: Update colors to new design spec

Bitwarden/Application/Support/Assets.xcassets/BackgroundColors/backgroundSplash.colorset/Contents.json

@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0xFF",
-          "green" : "0xFF",
-          "red" : "0xFF"
+          "blue" : "0xF9",
+          "green" : "0xF6",
+          "red" : "0xF3"
         }
       },
       "idiom" : "universal"
@@ -23,9 +23,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0x1E",
-          "green" : "0x1C",
-          "red" : "0x1C"
+          "blue" : "0x27",
+          "green" : "0x1A",
+          "red" : "0x12"
         }
       },
       "idiom" : "universal"

BitwardenShared/UI/Auth/CompleteRegistration/CompleteRegistrationView.swift

@@ -102,7 +102,7 @@ struct CompleteRegistrationView: View {
             Image(decorative: Asset.Images.questionRound)
                 .resizable()
                 .frame(width: 24, height: 24)
-                .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                .foregroundStyle(Asset.Colors.iconSecondary.swiftUIColor)
 
             VStack(alignment: .leading, spacing: 0) {
                 Text(Localizations.whatMakesAPasswordStrong)
@@ -115,13 +115,13 @@ struct CompleteRegistrationView: View {
                 } label: {
                     Text(Localizations.learnMore)
                         .styleGuide(.subheadline)
-                        .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                        .foregroundStyle(Asset.Colors.textInteraction.swiftUIColor)
                 }
             }
             .frame(maxWidth: .infinity, alignment: .leading)
         }
         .padding(16)
-        .background(Asset.Colors.backgroundTertiary.swiftUIColor)
+        .background(Asset.Colors.backgroundSecondary.swiftUIColor)
         .clipShape(RoundedRectangle(cornerRadius: 10))
     }
 
@@ -167,7 +167,7 @@ struct CompleteRegistrationView: View {
                         store.send(.preventAccountLockTapped)
                     } label: {
                         Text(Localizations.learnAboutWaysToPreventAccountLockout)
-                            .foregroundColor(Color(asset: Asset.Colors.primaryBitwardenLight))
+                            .foregroundColor(Asset.Colors.textInteraction.swiftUIColor)
                             .styleGuide(.footnote, weight: .bold)
                             .multilineTextAlignment(.leading)
                     }

BitwardenShared/UI/Auth/CompleteRegistration/ExpiredLink/ExpiredLinkView.swift

@@ -17,7 +17,7 @@ struct ExpiredLinkView: View {
             VStack(alignment: .center, spacing: 0) {
                 Image(decorative: Asset.Images.expiredLink)
                     .frame(maxWidth: .infinity)
-                    .foregroundColor(Asset.Colors.primaryBitwarden.swiftUIColor)
+                    .foregroundColor(Asset.Colors.iconSecondary.swiftUIColor)
                     .padding([.bottom, .top], 32)
 
                 Text(Localizations.expiredLink)

BitwardenShared/UI/Auth/CompleteRegistration/MasterPasswordGuidance/MasterPasswordGuidanceView.swift

@@ -19,7 +19,7 @@ struct MasterPasswordGuidanceView: View {
 
                 detailedInstructionsView
             }
-            .background(Asset.Colors.backgroundTertiary.swiftUIColor)
+            .background(Asset.Colors.backgroundSecondary.swiftUIColor)
             .clipShape(RoundedRectangle(cornerRadius: 10))
 
             passwordGeneratorButton
@@ -80,7 +80,7 @@ struct MasterPasswordGuidanceView: View {
                     Image(decorative: Asset.Images.restart2)
                         .resizable()
                         .frame(width: 24, height: 24)
-                        .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                        .foregroundStyle(Asset.Colors.iconSecondary.swiftUIColor)
 
                     VStack(alignment: .leading, spacing: 0) {
                         Text(Localizations.useTheGeneratorToCreateAStrongUniquePassword)
@@ -90,16 +90,16 @@ struct MasterPasswordGuidanceView: View {
 
                         Text(Localizations.tryItOut)
                             .styleGuide(.subheadline)
-                            .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                            .foregroundStyle(Asset.Colors.textInteraction.swiftUIColor)
                     }
                     .frame(maxWidth: .infinity, alignment: .leading)
                 }
 
                 Image(decorative: Asset.Images.rightAngle)
-                    .foregroundStyle(Asset.Colors.textSecondary.swiftUIColor)
+                    .foregroundStyle(Asset.Colors.iconPrimary.swiftUIColor)
             }
             .padding(16)
-            .background(Asset.Colors.backgroundTertiary.swiftUIColor)
+            .background(Asset.Colors.backgroundSecondary.swiftUIColor)
             .clipShape(RoundedRectangle(cornerRadius: 10))
         }
     }

BitwardenShared/UI/Auth/CompleteRegistration/PreventAccountLock/PreventAccountLockView.swift

@@ -21,7 +21,7 @@ struct PreventAccountLockView: View {
 
                 writeDownInstructions
             }
-            .background(Asset.Colors.backgroundTertiary.swiftUIColor)
+            .background(Asset.Colors.backgroundSecondary.swiftUIColor)
             .clipShape(RoundedRectangle(cornerRadius: 10))
         }
         .scrollView()
@@ -59,7 +59,7 @@ struct PreventAccountLockView: View {
                 Image(decorative: Asset.Images.lightbulb)
                     .resizable()
                     .frame(width: 32, height: 32)
-                    .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                    .foregroundStyle(Asset.Colors.iconSecondary.swiftUIColor)
 
                 VStack(alignment: .leading, spacing: 4) {
                     Text(Localizations.createAHint)
@@ -84,7 +84,7 @@ struct PreventAccountLockView: View {
             Image(decorative: Asset.Images.pencil)
                 .resizable()
                 .frame(width: 32, height: 32)
-                .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+                .foregroundStyle(Asset.Colors.iconSecondary.swiftUIColor)
 
             VStack(alignment: .leading, spacing: 4) {
                 Text(Localizations.writeYourPasswordDown)

BitwardenShared/UI/Auth/IntroCarousel/IntroCarouselView.swift

@@ -60,31 +60,35 @@ struct IntroCarouselView: View {
         @ViewBuilder imageContent: () -> some View,
         @ViewBuilder textContent: () -> some View
     ) -> some View {
-        if verticalSizeClass == .regular {
-            VStack(spacing: 80) {
-                imageContent()
-                textContent()
-            }
-            .padding(.vertical, 16)
-            .frame(maxWidth: .infinity, minHeight: minHeight)
-            .scrollView(addVerticalPadding: false)
-        } else {
-            HStack(alignment: .top, spacing: 40) {
-                VStack(spacing: 0) {
-                    Spacer(minLength: 0)
+        Group {
+            if verticalSizeClass == .regular {
+                VStack(spacing: 80) {
                     imageContent()
-                        .padding(.leading, 36)
-                        .padding(.vertical, 16)
-                    Spacer(minLength: 0)
+                    textContent()
                 }
-                .frame(minHeight: minHeight)
+                .padding(.vertical, 16)
+                .frame(maxWidth: .infinity, minHeight: minHeight)
+            } else {
+                HStack(alignment: .top, spacing: 40) {
+                    VStack(spacing: 0) {
+                        Spacer(minLength: 0)
+                        imageContent()
+                            .padding(.leading, 36)
+                            .padding(.vertical, 16)
+                        Spacer(minLength: 0)
+                    }
+                    .frame(minHeight: minHeight)
 
-                textContent()
-                    .padding(.vertical, 16)
-                    .frame(maxWidth: .infinity, minHeight: minHeight)
-                    .scrollView(addVerticalPadding: false)
+                    textContent()
+                        .padding(.vertical, 16)
+                        .frame(maxWidth: .infinity, minHeight: minHeight)
+                }
             }
         }
+        .scrollView(
+            addVerticalPadding: false,
+            backgroundColor: Asset.Colors.backgroundSecondary.swiftUIColor
+        )
     }
 
     /// A view that displays a carousel page.

BitwardenShared/UI/Auth/Landing/LandingView.swift

@@ -122,13 +122,13 @@ struct LandingView: View {
                     Button(Localizations.createAccount) {
                         store.send(.createAccountPressed)
                     }
-                    .foregroundColor(Asset.Colors.primaryBitwarden.swiftUIColor)
+                    .foregroundColor(Asset.Colors.textInteraction.swiftUIColor)
                 }
                 .styleGuide(.footnote)
             }
             .padding([.horizontal, .bottom], 16)
         }
-        .background(Asset.Colors.backgroundSecondary.swiftUIColor.ignoresSafeArea())
+        .background(Asset.Colors.backgroundPrimary.swiftUIColor.ignoresSafeArea())
     }
 }
 

BitwardenShared/UI/Auth/Login/LoginDecryptionOptions/LoginDecryptionOptionsView.swift

@@ -119,9 +119,24 @@ struct LoginDecryptionOptionsView: View {
                 await store.perform(.notYouPressed)
             }
             .accessibilityIdentifier("NotYouButton")
-            .foregroundColor(Asset.Colors.primaryBitwarden.swiftUIColor)
+            .foregroundColor(Asset.Colors.textInteraction.swiftUIColor)
         }
         .styleGuide(.footnote)
         .padding(.top, 24)
     }
 }
+
+// MARK: - Previews
+
+#if DEBUG
+#Preview {
+    NavigationView {
+        LoginDecryptionOptionsView(store: Store(processor: StateProcessor(
+            state: LoginDecryptionOptionsState(
+                shouldShowContinueButton: true,
+                email: "user@example.com"
+            )
+        )))
+    }
+}
+#endif

BitwardenShared/UI/Auth/Login/LoginView.swift

@@ -25,7 +25,7 @@ struct LoginView: View {
             .padding(.top, 16)
             .frame(maxWidth: .infinity)
         }
-        .background(Asset.Colors.backgroundSecondary.swiftUIColor.ignoresSafeArea())
+        .background(Asset.Colors.backgroundPrimary.swiftUIColor.ignoresSafeArea())
         .navigationTitle(Localizations.bitwarden)
         .navigationBarTitleDisplayMode(.inline)
         .navigationBarBackButtonHidden(true)
@@ -71,7 +71,7 @@ struct LoginView: View {
             }
             .styleGuide(.subheadline)
             .accessibilityIdentifier("GetMasterPasswordHintLabel")
-            .foregroundColor(Asset.Colors.primaryBitwarden.swiftUIColor)
+            .foregroundColor(Asset.Colors.textInteraction.swiftUIColor)
         }
     }
 
@@ -128,7 +128,7 @@ struct LoginView: View {
                 store.send(.notYouPressed)
             }
             .accessibilityIdentifier("NotYouLabel")
-            .foregroundColor(Asset.Colors.primaryBitwarden.swiftUIColor)
+            .foregroundColor(Asset.Colors.textInteraction.swiftUIColor)
         }
         .styleGuide(.footnote)
     }

BitwardenShared/UI/Auth/Login/LoginWithDevice/LoginWithDeviceView.swift

@@ -49,7 +49,7 @@ struct LoginWithDeviceView: View {
                 store.send(.dismiss)
             }
             .styleGuide(.subheadline)
-            .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+            .foregroundStyle(Asset.Colors.textInteraction.swiftUIColor)
             .accessibilityIdentifier("ViewAllLoginOptionsButton")
         }
     }
@@ -72,7 +72,7 @@ struct LoginWithDeviceView: View {
 
             Text(store.state.fingerprintPhrase ?? "")
                 .styleGuide(.bodyMonospaced)
-                .foregroundStyle(Asset.Colors.fingerprint.swiftUIColor)
+                .foregroundStyle(Asset.Colors.textCodePink.swiftUIColor)
                 .multilineTextAlignment(.leading)
                 .accessibilityIdentifier("FingerprintPhraseValue")
         }
@@ -85,7 +85,7 @@ struct LoginWithDeviceView: View {
                 await store.perform(.resendNotification)
             }
             .styleGuide(.body)
-            .foregroundStyle(Asset.Colors.primaryBitwarden.swiftUIColor)
+            .foregroundStyle(Asset.Colors.textInteraction.swiftUIColor)
             .accessibilityIdentifier("ResendNotificationButton")
         }
     }

BitwardenShared/UI/Auth/PasswordHint/PasswordHintView.swift

@@ -32,7 +32,7 @@ struct PasswordHintView: View {
             }
             .padding(16)
         }
-        .background(Asset.Colors.backgroundSecondary.swiftUIColor)
+        .background(Asset.Colors.backgroundPrimary.swiftUIColor)
         .navigationTitle(Localizations.passwordHint)
         .toolbar {
             cancelToolbarItem {

BitwardenShared/UI/Auth/ProfileSwitcher/ProfileSwitcherItem.swift

@@ -6,7 +6,7 @@ import SwiftUI
 /// Part of `ProfileSwitcherState`.
 struct ProfileSwitcherItem: Equatable, Hashable {
     /// The color associated with the profile
-    var color: Color = .init(asset: Asset.Colors.primaryBitwardenLight).opacity(0.12)
+    var color: Color = Asset.Colors.backgroundTertiary.swiftUIColor
 
     /// The account's email.
     var email: String

BitwardenShared/UI/Auth/ProfileSwitcher/ProfileSwitcherRow.swift

@@ -85,7 +85,7 @@ struct ProfileSwitcherRow: View {
             }
             .padding([.leading], 16)
         }
-        .background(Asset.Colors.backgroundPrimary.swiftUIColor)
+        .background(Asset.Colors.backgroundSecondary.swiftUIColor)
     }
 
     /// A row divider view
@@ -94,7 +94,7 @@ struct ProfileSwitcherRow: View {
             Rectangle()
                 .frame(height: 1.0)
                 .frame(maxWidth: .infinity)
-                .foregroundColor(Asset.Colors.separatorOpaque.swiftUIColor)
+                .foregroundColor(Asset.Colors.strokeDivider.swiftUIColor)
         } else {
             EmptyView()
         }
@@ -113,7 +113,7 @@ struct ProfileSwitcherRow: View {
             .accessibilityLabel(Localizations.account)
         case .addAccount:
             Asset.Images.plus.swiftUIImage
-                .imageStyle(.rowIcon(color: Asset.Colors.primaryBitwarden.swiftUIColor))
+                .imageStyle(.rowIcon(color: Asset.Colors.iconSecondary.swiftUIColor))
                 .padding(4)
         }
     }
@@ -183,11 +183,11 @@ struct ProfileSwitcherRow: View {
     private var trailingIconColor: Color {
         switch store.state.rowType {
         case .active:
-            Asset.Colors.primaryBitwarden.swiftUIColor
+            Asset.Colors.iconPrimary.swiftUIColor
         case .alternate:
             Asset.Colors.textSecondary.swiftUIColor
         case .addAccount:
-            Asset.Colors.backgroundPrimary.swiftUIColor
+            Asset.Colors.backgroundSecondary.swiftUIColor
         }
     }
 

BitwardenShared/UI/Auth/ProfileSwitcher/ProfileSwitcherToolbarView.swift

@@ -63,8 +63,8 @@ extension View {
                         .accessibilityHidden(initials != nil)
                 }
             }
-            .foregroundColor(textColor ?? Asset.Colors.primaryBitwarden.swiftUIColor)
-            .background(color ?? Asset.Colors.primaryBitwarden.swiftUIColor.opacity(0.12))
+            .foregroundColor(textColor ?? Asset.Colors.textInteraction.swiftUIColor)
+            .background(color ?? Asset.Colors.backgroundTertiary.swiftUIColor)
             .clipShape(Circle())
     }
 }

BitwardenShared/UI/Auth/ProfileSwitcher/ProfileSwitcherView.swift

@@ -21,7 +21,7 @@ struct ProfileSwitcherView: View {
                     addAccountRow
                 }
             }
-            .background(Asset.Colors.backgroundPrimary.swiftUIColor)
+            .background(Asset.Colors.backgroundSecondary.swiftUIColor)
             .transition(.move(edge: .top))
             .hidden(!store.state.isVisible)
             .fixedSize(horizontal: false, vertical: true)
@@ -67,7 +67,7 @@ struct ProfileSwitcherView: View {
         ZStack(alignment: .top) {
             Color.black.opacity(0.4)
                 .ignoresSafeArea()
-            Asset.Colors.backgroundPrimary.swiftUIColor
+            Asset.Colors.backgroundSecondary.swiftUIColor
                 .frame(height: abs(min(scrollOffset.y, 0)))
                 .fixedSize(horizontal: false, vertical: true)
         }

BitwardenShared/UI/Auth/SetMasterPassword/SetMasterPasswordView.swift

@@ -77,7 +77,7 @@ struct SetMasterPasswordView: View {
             }
             .padding(16)
         }
-        .background(Asset.Colors.backgroundSecondary.swiftUIColor)
+        .background(Asset.Colors.backgroundPrimary.swiftUIColor)
         .navigationTitle(Localizations.setMasterPassword)
         .navigationBarTitleDisplayMode(.inline)
         .toolbar {