fix(ui): color picker dropdown closing and custom color memory

[LeoGradual]

Summary

• Keep dropdown open during native color picker input by switching to modal mode
• Remember custom colors across open/close cycles via session-based queue
• Scan editor marks to populate previously used colors on dropdown open
• Fix + button overlapping color circles with grid-based placement (col-start-10)
• Add contrast-aware check icon for selected colors (white on dark backgrounds, bold stroke)

Test plan

• Open font color dropdown, use native color picker — dropdown stays open
• Pick custom colors, close/reopen dropdown — custom colors persist
• Verify + button doesn't overlap color circles when many custom colors exist
• Verify selected color shows bold checkmark, visible on both light and dark colors

🤖 Generated with Claude Code

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
plate	Ready	Preview, Comment	Mar 17, 2026 7:28am

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0d20bcf

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[zbeyens]

@codex review

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b9824b618e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[LeoGradual]

@codex how about the code now?

[zbeyens]

@codex review

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 0ed0914413

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[LeoGradual]

@codex review

[chatgpt-codex-connector]

To use Codex here, create a Codex account and connect to github.

[zbeyens]

Thanks!