Merge pull request #18440 from wordpress-mobile/feature/18176-background_colors

Feature Introduction: fix colors

Author: ScoutHarris

WordPress/Classes/ViewRelated/Feature Introduction/Blogging Prompts/BloggingPromptsFeatureDescriptionView.swift

@@ -30,10 +30,7 @@ private extension BloggingPromptsFeatureDescriptionView {
         promptCard.configureForExampleDisplay()
         promptCard.translatesAutoresizingMaskIntoConstraints = false
 
-        promptCard.layer.borderWidth = Style.borderWidth
         promptCard.layer.cornerRadius = Style.cardCornerRadius
-        promptCard.layer.borderColor = Style.cardBorderColor
-
         promptCard.layer.shadowOffset = Style.cardShadowOffset
         promptCard.layer.shadowOpacity = Style.cardShadowOpacity
         promptCard.layer.shadowRadius = Style.cardShadowRadius
@@ -49,7 +46,7 @@ private extension BloggingPromptsFeatureDescriptionView {
     }
 
     func configureNote() {
-        noteTextView.layer.borderWidth = Style.borderWidth
+        noteTextView.layer.borderWidth = Style.noteBorderWidth
         noteTextView.layer.cornerRadius = Style.noteCornerRadius
         noteTextView.layer.borderColor = Style.noteBorderColor
         noteTextView.textContainerInset = Style.noteInsets
@@ -84,12 +81,11 @@ private extension BloggingPromptsFeatureDescriptionView {
         static let textColor: UIColor = .textSubtle
         static let noteInsets = UIEdgeInsets(top: 12, left: 12, bottom: 12, right: 12)
         static let noteCornerRadius: CGFloat = 6
+        static let noteBorderWidth: CGFloat = 1
+        static let noteBorderColor = UIColor.textQuaternary.cgColor
         static let cardCornerRadius: CGFloat = 10
         static let cardShadowRadius: CGFloat = 14
         static let cardShadowOpacity: Float = 0.1
         static let cardShadowOffset = CGSize(width: 0, height: 10.0)
-        static let cardBorderColor = UIColor(red: 0.882, green: 0.886, blue: 0.886, alpha: 1).cgColor
-        static let borderWidth: CGFloat = 1
-        static let noteBorderColor = UIColor.textQuaternary.cgColor
     }
 }

WordPress/Classes/ViewRelated/Feature Introduction/FeatureIntroductionViewController.swift

@@ -85,6 +85,7 @@ private extension FeatureIntroductionViewController {
     func configureView() {
         navigationItem.rightBarButtonItem = CollapsableHeaderViewController.closeButton(target: self, action: #selector(closeButtonTapped))
         scrollView.addSubview(contentView)
+        hideHeaderVisualEffects()
 
         NSLayoutConstraint.activate([
             contentView.topAnchor.constraint(equalTo: scrollView.topAnchor),

WordPress/Classes/ViewRelated/Gutenberg/Collapsable Header/CollapsableHeaderViewController.swift

@@ -515,6 +515,13 @@ class CollapsableHeaderViewController: UIViewController, NoResultsViewHost {
         selectedStateButtonsContainer.insertArrangedSubview(primaryActionButton, at: 0)
     }
 
+    /// A public interface to hide the header blur.
+    func hideHeaderVisualEffects() {
+        visualEffects.forEach { (visualEffect) in
+            visualEffect.isHidden = true
+        }
+    }
+
     /// In scenarios where the content offset before content changes doesn't align with the available space after the content changes then the offset can be lost. In
     /// order to preserve the header's collpased state we cache the offset and attempt to reapply it if needed.
     private var stashedOffset: CGPoint? = nil