bfa-dryer-design/static/hmi-canvas.css
Richard Sauer 1831759563 V2: GrapesJS-based HMI design editor
Complete rewrite of the editor frontend using GrapesJS:
- Full drag/drop visual editor with style manager
- Custom HMI blocks: Temperature, Motor, Output, Burner, Automation, Gauge
- Layout blocks: Page Container, Tab Bar, Top Bar, Label, Divider, Spacer
- Style panel: font family/size/weight/color, background, border, layout, effects
- Traits panel: active/inactive colors, animation, linked control, setpoints
- Device manager: Tab5 (1280x720), Schneider HMIDT651 (1280x800), Desktop
- Theme switcher: Dark Industrial, Light Industrial, High Contrast, Classic SCADA
- Layers panel with z-index reorder and show/hide
- Undo/redo, preview mode, canvas zoom
- V1 layout preserved (saved as current.json), V2 uses current_v2.json
- Login/users/comments backend unchanged

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-08 17:06:01 +10:00

9 lines
382 B
CSS

/* Canvas styles — injected into GrapesJS iframe */
:root {
--bg: #0a0e17; --card: #131a2b; --border: #1e2a45;
--text: #e8ecf4; --text2: #7a8baa; --dim: #4a5670;
--blue: #2d7ff9; --green: #00c853; --amber: #ffab00; --red: #ff1744;
}
body { margin: 0; background: var(--bg); font-family: 'Segoe UI', system-ui, sans-serif; color: var(--text); }
* { box-sizing: border-box; }