tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Display & Copy Hex Color Code #33

New Issue
Closed
opened 2026-01-16 04:56:10 +00:00 by tonym · 0 comments
tonym commented 2026-01-16 04:56:10 +00:00
Owner
Copy Link
Copy Source

Summary

Show hex color value on filament pages with click-to-copy functionality.

Upstream Issue

Problem

Users need hex codes for slicer color painting (Bambu Studio, etc.) but have to use external color picker tools to get the value from the color swatch.

Proposed Solution

1. Filament Detail Page

  • Show hex code next to color swatch: #2C3232
  • Click to copy to clipboard
  • Toast notification: "Color copied!"

2. Filament List (Optional Column)

  • Add hex code column (toggleable via #29 column customization)
  • Click to copy

3. Spool Pages

  • Same treatment - show hex from filament

Implementation

<span 
  onClick={() => navigator.clipboard.writeText(colorHex)}
  style={{ cursor: "pointer" }}
>
  #{colorHex} 📋
</span>

Simple quality-of-life improvement.

## Summary Show hex color value on filament pages with click-to-copy functionality. ## Upstream Issue - https://github.com/Donkie/Spoolman/issues/568 ## Problem Users need hex codes for slicer color painting (Bambu Studio, etc.) but have to use external color picker tools to get the value from the color swatch. ## Proposed Solution ### 1. Filament Detail Page - Show hex code next to color swatch: `#2C3232` - Click to copy to clipboard - Toast notification: "Color copied!" ### 2. Filament List (Optional Column) - Add hex code column (toggleable via #29 column customization) - Click to copy ### 3. Spool Pages - Same treatment - show hex from filament ## Implementation ```tsx <span onClick={() => navigator.clipboard.writeText(colorHex)} style={{ cursor: "pointer" }} > #{colorHex} 📋 </span> ``` Simple quality-of-life improvement.
tonym closed this issue 2026-01-16 05:33:38 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
tonym (Tony Moon)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: tonym/spoolman2#33