Make colors of editor’s UI to be consistent in the Jetpack app

[fluiddot]

trafficstars

Description

Following https://github.com/wordpress-mobile/gutenberg-mobile/issues/4889, in the Jetpack app, some UI elements like the text selection and caret navigation are using green color (i.e. Jetpack color). However, the rest of the editor’s elements are using the blue color which is the default one. To be consistent with colors across the editor, we should update them so it looks the same on both WordPress and Jetpack apps. In the future, the colors of the Jetpack app will be updated when we address https://github.com/wordpress-mobile/gutenberg-mobile/issues/4889.

[SiobhyB]

A starting point to addressing this has been made in the following open PRs:

• https://github.com/wordpress-mobile/WordPress-iOS/pull/19113
• https://github.com/wordpress-mobile/WordPress-Android/pull/16968/
• https://github.com/WordPress/gutenberg/pull/42996

The PRs specifically achieve the following for the Jetpack app:

• Updates the colour of UI elements within the main editor (e.g. cursor, highlight) from green to blue.
• Updates the accent of sub screens within Post Settings from green to blue.

There's still some known inconsistencies that need to be addressed after the above PRs are merged, however:

• The media picker (available from media blocks and the Post Settings screen) still has some green.
• There is still green visible in other screens 'connected' to the editor, such as Preview, History, Help & Support, etc.