👩‍🔬 [Investment Day] Add Smart Invert Support

[dusi]

📲 What

Adds Smart Invert support

🤔 Why

Smart invert allows inverting the "chrome" of our app while keeping images untouched. This is only supported on iOS 11 so it's behind availability check.

🛠 How

"Simply" applied style to all UIImageViews that qualify as displaying user generated content.

👀 See

Before	Smart Invert ⚫️	Normal ⚪️

♿️ Accessibility

To toggle Smart Invert on or off you can go to Settings > General > Accessibility > Display Accommodations > Invert Colors > Smart Invert or enable Accessibility Shortcut in Settings > General > Accessibility > Accessibility Shortcut (all the way in the bottom) > Smart Invert

• All user generated content preserves its colors while Smart Invert is enabled

✅ Acceptance criteria

• All snapshot tests pass (ensures previous behaviour stays untouched)

[justinswart]

Pretty cool!

So far I just noticed that on the profile view the avatar is not adhering to the change. And as we discussed IRL, the tab bar icon. Looks like there are some questionable ways to get hold of that image view 🤔

[dusi]

@justinswart I've included Smart Invert support for CircleAvatarImageView (this should fix all the rounded avatar images thorough the app) and tried to play with inverting the tab bar item but this one without luck. I'd suggest we defer it to some future work for now.

[justinswart]

Forgot about appearance proxy 😅

This seems to fix the profile avatar:

UIImageView.appearance(whenContainedInInstancesOf: [UITabBar.self]).accessibilityIgnoresInvertColors = true

And placing this line in one place might be all we need:

UIImageView.appearance().accessibilityIgnoresInvertColors = true

But as you mentioned IRL there might be image views where we do want to invert.

[justinswart]

This lgtm, I think the only question I'd have is whether we could achieve the whole change through UIAppearance proxy, but I think you mentioned that there are some UIImageViews that we don't want to apply this to.