Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(badges): rainbow animation option for punch-out hole markers

Browse Source 
Adds left/right/center_rainbow to punch_holes cfg_json. When enabled,
applies a CSS hue-rotate animation (2.5s loop) to the marker div using
a saturated red base color so the full visible spectrum appears. Template
form shows a Rainbow checkbox per slot; hides color pickers when active.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-04 20:23:37 -04:00
parent 1a53a20995
commit 35c1324824
3 changed files with 87 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/ae_events/types/ae_badge_template_cfg.ts
View File

@@ -64,14 +64,17 @@ export interface BadgeTemplateCfg {
left?: boolean;
right?: boolean;
center?: boolean;
fg?: string; // shared fallback stroke/line color
bg?: string; // shared fallback fill color
fg?: string; // shared fallback stroke/line color
bg?: string; // shared fallback fill color
left_fg?: string;
left_bg?: string;
left_rainbow?: boolean; // animated hue-rotate; overrides fg/bg base color with saturated red
right_fg?: string;
right_bg?: string;
right_rainbow?: boolean;
center_fg?: string;
center_bg?: string;
center_rainbow?: boolean;
};
// Allow arbitrary extra keys to preserve forward-compatibility.