feat: add custom style theme with per-type node/edge style editor

- New 'custom' ThemeId with dedicated ThemeCard + pencil edit button
- CustomStyleModal: two-column editor for all node types (excl. groupRect/group) and edge types
  - Per node: border, background, icon color + opacity, default size (w/h)
  - Per edge: color + opacity, path style, animation
  - 'Apply to existing [Type]' per type, 'Apply All to Canvas' footer action
- canvasStore: applyTypeNodeStyle, applyTypeEdgeStyle, applyAllCustomStyles actions
- themeStore: customStyle state + setCustomStyle action
- Backend: custom_style JSON column on canvas_state (ALTER TABLE migration), saved/loaded with canvas
- App.tsx: custom_style included in save payload, restored on load (API + standalone)
- Tests: +8 frontend (themeStore + canvasStore), +3 backend (canvas API)

This commit is contained in:

Pouzor

2026-04-24 02:14:05 +02:00

committed by

Remy

parent 18f9bb7bdf

commit babbcb1dc5

16 changed files with 990 additions and 127 deletions

									
										frontend/src/api/client.ts
									
		+1
		
												View File
												
				@@ -33,6 +33,7 @@ export const canvasApi = {

				    nodes: object[]

				    edges: object[]

				    viewport: object

				    custom_style?: object | null

				  }) => api.post('/canvas/save', payload),

				}