alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add effect palette preview bar in CSS editor

Browse Source 
Show a gradient color bar below the effect type description, giving
users a visual preview of palette colors before applying. Updates
live when switching effect type, palette, or meteor head color.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-23 01:59:25 +03:00
parent 9e555cef2e
commit f9a5fb68ed
4 changed files with 48 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
server/src/wled_controller/static/css/modal.css
View File

@@ -507,6 +507,14 @@
/* ── Gradient editor ────────────────────────────────────────────── */
.effect-palette-preview {
width: 100%;
height: 20px;
border-radius: 6px;
margin-top: 6px;
border: 1px solid var(--border-color);
}
.gradient-editor {
position: relative;
width: 100%;