Color Swatch Border for Dark Mode Visibility #34

New Issue

tonym · 2026-01-16T04:57:40Z

tonym commented

2026-01-16 04:57:40 +00:00

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

.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 referenced this issue from a commit

2026-01-22 03:12:22 +00:00

Add light border to color swatches in dark mode (#34)

tonym closed this issue

2026-01-23 03:03:24 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: tonym/spoolman2#34