Skip to content

docs: Document custom color picker for sticky notes#4054

Open
LudwigGerdes wants to merge 2 commits inton8n-io:mainfrom
LudwigGerdes:docs/sticky-notes-custom-colors
Open

docs: Document custom color picker for sticky notes#4054
LudwigGerdes wants to merge 2 commits inton8n-io:mainfrom
LudwigGerdes:docs/sticky-notes-custom-colors

Conversation

@LudwigGerdes
Copy link
Contributor

@LudwigGerdes LudwigGerdes commented Dec 29, 2025

Add documentation for the new custom color picker feature that allows users to select any color for sticky notes beyond the 7 preset colors.

  • Add custom colors section with step-by-step instructions
  • Include screenshots showing color picker popover and custom color modal
  • Document recent colors feature (up to 8 saved)
  • Explain theme-aware borders for custom colors

related to: n8n-io/n8n#23699


Summary by cubic

Documented the new custom color picker for Sticky Notes, so users can pick any color beyond the 7 presets. Added simple steps, explained recent colors (up to 8) and theme-aware borders, and included screenshots of the picker popover and the custom color modal.

Written for commit 82d5927. Summary will update on new commits.

Add documentation for the new custom color picker feature that allows
users to select any color for sticky notes beyond the 7 preset colors.

- Add custom colors section with step-by-step instructions
- Include screenshots showing color picker popover and custom color modal
- Document recent colors feature (up to 8 saved)
- Explain theme-aware borders for custom colors
@CLAassistant
Copy link

CLAassistant commented Dec 29, 2025

CLA assistant check
All committers have signed the CLA.

@netlify
Copy link

netlify bot commented Dec 29, 2025

Deploy Preview for n8n-docs ready!

Name Link
🔨 Latest commit 82d5927
🔍 Latest deploy log https://app.netlify.com/projects/n8n-docs/deploys/696351e5d4b71d00086e7064
😎 Deploy Preview https://deploy-preview-4054--n8n-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 3 files

2. Use the color picker to select your desired color, or enter a hex color code (for example, `#FF5733`)
3. Click **Apply** to set the color

![Custom color picker modal with hex input and recent colors](/_images/workflows/components/stickies/custom-color-modal.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
![Custom color picker modal with hex input and recent colors](/_images/workflows/components/stickies/custom-color-modal.png)

I don't think a screenshot is necessary here, and adds to maintenance overhead. So I suggest removing it.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants