Improve UX for toggling pure black theme

[hjiangsu]

Pull Request Description

This PR applies the feedback from #1605 (comment) to improve the UX for enabling and disabling pure black theme. Here's the new flow:

• Theme only contains light, dark and system options
• When the theme is set to dark or system, an option to enable pure black theme will be shown
• When the pure black theme is enabled, dark themes will use the pure black themes (applies to dark mode, and system dark mode)

I've also added some migration steps for those who are currently using the pure black theme directly! I've tested most if not all possible variations, and also tested the migration steps.

Note: I've kept setting_theme_system_pure_black and systemThemePureBlack the same to prevent issues with users who were previously using that setting. I have however, renamed the variables to match the new context.

Issue Being Fixed

Issue Number: #1598

Screenshots / Recordings

Checklist

• If a new package was added, did you ensure it uses an appropriate license and is actively maintained?
• Did you use localized strings (and added appropriate descriptions) where applicable?
• Did you add semanticLabels where applicable for accessibility?

[micahmo]

The code LGTM!

The only comment I have is about searching. When I search for "dark" I get a result called "System Dark Mode", but clicking that search result brings me to the new "Pure Black" toggle. I think we probably just need to change the resource string for that setting to "Pure Black".

qemu-system-x86_64_5VsK2nrJuY.mp4

[hjiangsu]

I think we probably just need to change the resource string for that setting to "Pure Black".

Done!