Skip to content

Global Styles - Custom Colors given the same name cannot be applied properly #49593

Open

Description

Description

If custom colors are added in the global styles theme settings with the same name (eg Color 1), it becomes impossible to select any color but the last custom color of that name.

Step-by-step reproduction instructions

  1. Start in site editor
  2. Select global styles
  3. Colors>Palettes>Custom Colors, add custom colors
  4. Select "Show Details" in the menu for custom colors, and rename all the colors to the same name, such as "Color 1"
  5. Return to the editor, and try selecting one of these custom color for any block color setting

Screenshots, screen recording, code snippet

Setup

Markup on 2023-04-04 at 13:35:31

Result

Markup on 2023-04-04 at 13:37:48

Environment info

Originally reported here: Automattic/wp-calypso#75197
Replicated in WP version 6.2 with all Gutenberg plugin active and deactivated.
Theme: Twenty Twenty-Three

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.jsonAnything related to the broader Global Styles efforts, including Styles Engine and theme.json[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions