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

Color Swatch Border for Dark Mode Visibility #34

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

Summary

Add white border around color swatches in dark mode for better visibility of dark/black colors.

Upstream Issue

Problem

Dark and black color swatches are hard to see in dark mode - they blend into the background.

Proposed Solution

  • Light mode: black border (current)
  • Dark mode: white/light border
.color-swatch {
  border: 1px solid var(--border-color);
}

/* or based on theme */
[data-theme="dark"] .color-swatch {
  border-color: rgba(255, 255, 255, 0.3);
}

Simple CSS fix for accessibility.

## Summary Add white border around color swatches in dark mode for better visibility of dark/black colors. ## Upstream Issue - https://github.com/Donkie/Spoolman/issues/597 ## Problem Dark and black color swatches are hard to see in dark mode - they blend into the background. ## Proposed Solution - Light mode: black border (current) - Dark mode: white/light border ```css .color-swatch { border: 1px solid var(--border-color); } /* or based on theme */ [data-theme="dark"] .color-swatch { border-color: rgba(255, 255, 255, 0.3); } ``` Simple CSS fix for accessibility.
tonym closed this issue 2026-01-23 03:03:24 +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#34