Merge pull request #8451 from woocommerce/issue/8450-pink-to-purple

[Design] Update buttons, CTAs, and links from pink to purple

Author: rachelmcr

RELEASE-NOTES.txt

@@ -2,6 +2,7 @@
 
 11.8
 -----
+- [*] Design refresh: Buttons, links, and other calls to action are now purple instead of pink. [https://github.com/woocommerce/woocommerce-ios/pull/8451]
 - [internal] Design: Updated capitalization for various pages, links, and buttons to match new design guidelines. [https://github.com/woocommerce/woocommerce-ios/pull/8455]
 
 11.7

WooCommerce/Classes/Authentication/AuthenticationManager.swift

@@ -113,7 +113,7 @@ class AuthenticationManager: Authentication {
                                                 subheadlineColor: .gray(.shade30),
                                                 placeholderColor: .placeholderImage,
                                                 viewControllerBackgroundColor: .listBackground,
-                                                textFieldBackgroundColor: .listForeground,
+                                                textFieldBackgroundColor: .listForeground(modal: false),
                                                 buttonViewBackgroundColor: .authPrologueBottomBackgroundColor,
                                                 buttonViewTopShadowImage: nil,
                                                 navBarImage: StyleManager.navBarImage,

WooCommerce/Classes/Extensions/Ghost+Woo.swift

@@ -5,7 +5,7 @@ import WordPressUI
 extension GhostStyle {
     static var wooDefaultGhostStyle: Self {
         return GhostStyle(beatDuration: Defaults.beatDuration,
-                          beatStartColor: .listForeground,
+                          beatStartColor: .listForeground(modal: false),
                           beatEndColor: .ghostCellAnimationEndColor)
     }
 }

WooCommerce/Classes/Extensions/UICollectionViewCell+Helpers.swift

@@ -15,8 +15,8 @@ extension UICollectionViewCell {
     /// Applies the default background color
     ///
     func applyDefaultBackgroundStyle() {
-        backgroundColor = .listForeground
-        contentView.backgroundColor = .listForeground
+        backgroundColor = .listForeground(modal: false)
+        contentView.backgroundColor = .listForeground(modal: false)
     }
 
     func applyGrayBackgroundStyle() {

WooCommerce/Classes/Extensions/UINavigationBar+Appearance.swift

@@ -11,7 +11,7 @@ extension UINavigationBar {
     class func applyWooAppearance() {
         let appearance = UINavigationBarAppearance()
         appearance.configureWithOpaqueBackground()
-        appearance.backgroundColor = .listForeground
+        appearance.backgroundColor = .listForeground(modal: false)
         appearance.titleTextAttributes = [.foregroundColor: UIColor.text]
         appearance.largeTitleTextAttributes = [.foregroundColor: UIColor.text]
 

WooCommerce/Classes/Extensions/UITabBar+Appearance.swift

@@ -42,9 +42,9 @@ extension UITabBar {
     /// Configures the appearance object for a tabbar's items with the default WC style.
     ///
     private static func applyWooAppearance(to tabBarItemAppearance: UITabBarItemAppearance) {
-        tabBarItemAppearance.normal.badgeTextAttributes = [.foregroundColor: UIColor.textInverted]
-        tabBarItemAppearance.selected.badgeTextAttributes = [.foregroundColor: UIColor.textInverted]
-        tabBarItemAppearance.disabled.badgeTextAttributes = [.foregroundColor: UIColor.textInverted]
+        tabBarItemAppearance.normal.badgeTextAttributes = [.foregroundColor: UIColor.white]
+        tabBarItemAppearance.selected.badgeTextAttributes = [.foregroundColor: UIColor.white]
+        tabBarItemAppearance.disabled.badgeTextAttributes = [.foregroundColor: UIColor.white]
         tabBarItemAppearance.normal.badgeBackgroundColor = .primary
         tabBarItemAppearance.selected.badgeBackgroundColor = .primary
         tabBarItemAppearance.disabled.badgeBackgroundColor = .primary

WooCommerce/Classes/Extensions/UITableViewCell+Helpers.swift

@@ -15,7 +15,7 @@ extension UITableViewCell {
     /// Applies the default background color
     ///
     func applyDefaultBackgroundStyle() {
-        backgroundColor = .listForeground
+        backgroundColor = .listForeground(modal: false)
     }
 
     /// Hides the separator for a cell.

WooCommerce/Classes/Tools/Notices/PermanentNotice/PermanentNoticeView.swift

@@ -8,7 +8,7 @@ struct PermanentNoticeView: View {
 
     var body: some View {
         PermanentNoticeContentView(notice: notice)
-            .background(Color(.listForeground))
+            .background(Color(.listForeground(modal: false)))
             .overlay(Rectangle()
                 .frame(width: nil, height: 0.5, alignment: .top)
                 .foregroundColor(Color(UIColor.systemColor(.separator))), alignment: .top)

WooCommerce/Classes/ViewRelated/BottomSheet/ListSelector/BottomSheetListSelectorSectionHeaderView.swift

@@ -22,7 +22,7 @@ final class BottomSheetListSelectorSectionHeaderView: UITableViewHeaderFooterVie
 
 private extension BottomSheetListSelectorSectionHeaderView {
     func configureMainView() {
-        contentView.backgroundColor = .listForeground
+        contentView.backgroundColor = .listForeground(modal: false)
     }
 
     func configureTitle() {

WooCommerce/Classes/ViewRelated/BottomSheet/ListSelector/BottomSheetListSelectorViewController.swift

@@ -103,7 +103,7 @@ UIViewController, UITableViewDataSource, UITableViewDelegate where Command.Model
 private extension BottomSheetListSelectorViewController {
 
     func configureMainView() {
-        view.backgroundColor = .listForeground
+        view.backgroundColor = .listForeground(modal: false)
     }
 
     func configureTableView() {
@@ -114,7 +114,7 @@ private extension BottomSheetListSelectorViewController {
         tableView.estimatedSectionHeaderHeight = (viewProperties.title != nil || viewProperties.subtitle != nil) ? estimatedSectionHeight : .zero
         tableView.sectionHeaderHeight = UITableView.automaticDimension
 
-        tableView.backgroundColor = .listForeground
+        tableView.backgroundColor = .listForeground(modal: false)
 
         registerTableViewCells()
         registerTableViewHeaderFooters()