Skip to content

Jetpack colors not used consistently within the editor #4889

@guarani

Description

@guarani

Describe the bug

When the block editor is used within the Jetpack app, the colors of some editor UI elements don't match that of the Jetpack app.

To Reproduce
Steps to reproduce the behavior:

  1. Open the Jetpack app to manage a site
  2. Open the block editor
  3. Notice some UI elements that are "blue" (WP color) while some are "green" (JP color)
  • The "+ Add Block" button is blue
  • The round "+" button (shown when the keyboard is open) is blue
  • The cursor is green but the block outline is blue
  • The system text highlight color (shown when you select text) is green
  • Within the block inserter bottom sheet, the "Cancel" button is blue
  • The "ADD BLOCK HERE" inserter point is blue

Expected behavior

I expected to see Jetpack green used consistently throughout the editor.

Screenshots

Smartphone (please complete the following information):

  • Device: iPhone 11
  • OS: 15.3.1
  • Version 19.9

Additional context
I have only tested on iOS, I haven't yet tested on Android.

Metadata

Metadata

Assignees

No one assigned

    Labels

    JetpackBug or feature related to Jetpack[Type] BugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions