Add card color system with wrapCard helper and reset support

Introduce localStorage-backed card color assignment for all card types
with a reusable wrapCard() helper that provides consistent card shell
structure (top actions, bottom actions with color picker). Move color
picker from top-right to bottom-right action bar. Add color reset
button to clear card color back to default.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-28 21:55:29 +03:00
parent fa81d6a608
commit 9b2ccde8a7
15 changed files with 329 additions and 125 deletions

View File

@@ -204,6 +204,26 @@ body.cs-drag-active .card-drag-handle {
position: static;
}
.card-actions .color-picker-wrapper,
.template-card-actions .color-picker-wrapper {
display: flex;
align-items: center;
margin-left: auto;
}
.card-actions .color-picker-popover,
.template-card-actions .color-picker-popover {
top: auto;
bottom: calc(100% + 8px);
left: auto;
right: 0;
}
.card.cp-elevated,
.template-card.cp-elevated {
z-index: 10;
}
.card-autostart-btn {
background: none;
border: none;