feat: color picker

This commit is contained in:
2025-09-04 20:33:33 +02:00
parent 3e1c6eaef0
commit eb50048016
2 changed files with 116 additions and 9 deletions

View File

@@ -3770,4 +3770,31 @@ html {
#cluster-members-container .error br {
display: none; /* tighten layout by avoiding forced line-breaks */
}
}
/* Color picker styles */
.color-input-container {
display: flex;
align-items: center;
gap: 0.5rem;
}
.color-picker {
width: 50px !important;
height: 35px !important;
padding: 0 !important;
border-radius: 6px !important;
cursor: pointer;
}
.color-rgb-display {
background: rgba(0, 0, 0, 0.3) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.9) !important;
text-align: center;
font-family: 'Courier New', monospace !important;
}
.color-rgb-display:focus {
border-color: rgba(139, 92, 246, 0.5) !important;
background: rgba(139, 92, 246, 0.08) !important;
}