Plugin-Seiten folgen Theme und Hell/Dunkel der App (CSS-Variablen --iris-*) #325

Closed
opened 2026-10-31 13:16:10 +00:00 by alf · 3 comments
Owner

Warum

Die Web-Seiten der Plugins (Einstellungen, Panels, Canvas-Blöcke) sind fest dunkel gebaut: 29 von 30 Seiten tragen color-scheme: dark und Hex-Werte der iOS-Dunkelpalette. Mit Hell/Dunkel und den Themes der App (iris/Iris#261: Iris, Graphit, Papier) bleiben sie dunkel (Screenshot von Alf: Panel „ComfyUI Workflows“ im Hellmodus).

Entscheidung (Alf, 2026-10-31)

Alle 30 Seiten umstellen und alle betroffenen freigegebenen Plugins veröffentlichen.

Umsetzung

  • App-Seite (gemergt): WKWebView.irisFollowTheme() aus dem Package iris/IrisDesign gibt jeder Plugin-Seite beim Start CSS-Variablen --iris-* (bg, surface1–4, border, text, text-secondary, text-tertiary, on-accent, accent, accent-hover, accent-text, success, warning, destructive, …) und --iris-color-scheme, live bei Modus- und Themewechsel (Mac und iOS).
  • Plugin-Seiten: Hex-Werte der Seiten werden mechanisch zu var(--iris-bg, #1c1c1e) mit dem bisherigen Wert als Rückfall; Seiten mit eigenem Variablen-System (--bg, --card, --accent …) binden diese Variablen an die Theme-Variablen. Ältere Apps ohne Variablen sehen die Seiten unverändert, deshalb keine Erhöhung von iris_min_version.
  • Nur CSS wird umgestellt; Farben, die JavaScript setzt (Canvas, Inline-Styles in Skripten), bleiben.

Umfang

24 Plugins mit 30 Seiten; 19 freigegeben (22 Seiten, neue Version je Plugin), 5 privat (8 Seiten, nur Quellbaum: freecad-bridge, iris-buchhaltung, mask-editor-reference, openmontage, translation-matrix).

## Warum Die Web-Seiten der Plugins (Einstellungen, Panels, Canvas-Blöcke) sind fest dunkel gebaut: 29 von 30 Seiten tragen `color-scheme: dark` und Hex-Werte der iOS-Dunkelpalette. Mit Hell/Dunkel und den Themes der App (iris/Iris#261: Iris, Graphit, Papier) bleiben sie dunkel (Screenshot von Alf: Panel „ComfyUI Workflows“ im Hellmodus). ## Entscheidung (Alf, 2026-10-31) Alle 30 Seiten umstellen und alle betroffenen freigegebenen Plugins veröffentlichen. ## Umsetzung - **App-Seite (gemergt):** `WKWebView.irisFollowTheme()` aus dem Package iris/IrisDesign gibt jeder Plugin-Seite beim Start CSS-Variablen `--iris-*` (bg, surface1–4, border, text, text-secondary, text-tertiary, on-accent, accent, accent-hover, accent-text, success, warning, destructive, …) und `--iris-color-scheme`, live bei Modus- und Themewechsel (Mac und iOS). - **Plugin-Seiten:** Hex-Werte der Seiten werden mechanisch zu `var(--iris-bg, #1c1c1e)` mit dem bisherigen Wert als Rückfall; Seiten mit eigenem Variablen-System (`--bg`, `--card`, `--accent` …) binden diese Variablen an die Theme-Variablen. Ältere Apps ohne Variablen sehen die Seiten unverändert, deshalb keine Erhöhung von `iris_min_version`. - Nur CSS wird umgestellt; Farben, die JavaScript setzt (Canvas, Inline-Styles in Skripten), bleiben. ## Umfang 24 Plugins mit 30 Seiten; 19 freigegeben (22 Seiten, neue Version je Plugin), 5 privat (8 Seiten, nur Quellbaum: freecad-bridge, iris-buchhaltung, mask-editor-reference, openmontage, translation-matrix).
Author
Owner

PR #326 gemergt: feat(web): Plugin-Seiten auf Theme-Variablen --iris-* umgestellt (#325)
http://docker:3000/iris/iris-plugins/pulls/326

Commits:

  • feat(web): Plugin-Seiten auf Theme-Variablen --iris-* umgestellt (#325)

Stand: Seiten auf Theme-Variablen umgestellt (Quellbaum), noch nicht veröffentlicht

Befund: 29 von 30 Plugin-Seiten fest dunkel (color-scheme: dark, Hex der iOS-Dunkelpalette); nach Zählung machen 12 Farben fast alles aus (z. B. #2c2c2e 129×, #8e8e93 119×, #3a3a3c 105×, #f2f2f7 102×, #0a84ff 92×).

Geändert: 29 Seiten in 24 Plugins (<style> und style=): Hex der Palette zu var(--iris-…, <alter Wert>), Alpha-Tönungen (#0a84ff26, rgba(50,215,75,.15)) zu color-mix(…), Rot-/Grün-/Blau-Tönungen für Knopfflächen zu Mischungen aus Status- und Hintergrundvariable, color-scheme: dark zu var(--iris-color-scheme, dark); Seiten mit eigenem Variablen-System (--bg, --card, --accent …; iris-gamebox, iris-jobs, iris-claude-sessions, mask-editor-reference) binden diese an die Theme-Variablen. iris-starter-test hatte keine Farben. Neu: _shared/iris-web-theme/ (Beschreibung der Variablen, Skript themify.py), README Kapitel 15 verweist darauf. Skripte (JavaScript) unverändert.

Geprüft: Im Headless-Chrome mit eingesetztem Theme-CSS gerendert und angesehen: comfyui-workflows (ohne Variablen wie vorher dunkel; Papier hell: creme mit blauem Akzent; Graphit dunkel: petrol), email (Papier hell), iris-gamebox (Graphit dunkel, eigenes Variablen-System), iris-jobs (Papier hell). Restfarben außerhalb der Variablen: nur schwarze Überlagerungen und #169.

Nicht geprüft: Die übrigen 25 Seiten nicht einzeln angesehen (gleiche Umsetzung, aber andere Elemente); Zustände mit Daten (Listen, Dialoge, Statusmeldungen) und per JavaScript gesetzte Farben; die Seiten in der echten App (die Brücke ist gemergt, aber nicht gestartet).

Offen: neue Version, Änderungstext und Changelog je freigegebenem Plugin (19), Tests, --dry-run, Veröffentlichung.

PR #326 gemergt: feat(web): Plugin-Seiten auf Theme-Variablen --iris-* umgestellt (#325) http://docker:3000/iris/iris-plugins/pulls/326 Commits: - feat(web): Plugin-Seiten auf Theme-Variablen --iris-* umgestellt (#325) --- **Stand: Seiten auf Theme-Variablen umgestellt (Quellbaum), noch nicht veröffentlicht** **Befund:** 29 von 30 Plugin-Seiten fest dunkel (`color-scheme: dark`, Hex der iOS-Dunkelpalette); nach Zählung machen 12 Farben fast alles aus (z. B. `#2c2c2e` 129×, `#8e8e93` 119×, `#3a3a3c` 105×, `#f2f2f7` 102×, `#0a84ff` 92×). **Geändert:** 29 Seiten in 24 Plugins (`<style>` und `style=`): Hex der Palette zu `var(--iris-…, <alter Wert>)`, Alpha-Tönungen (`#0a84ff26`, `rgba(50,215,75,.15)`) zu `color-mix(…)`, Rot-/Grün-/Blau-Tönungen für Knopfflächen zu Mischungen aus Status- und Hintergrundvariable, `color-scheme: dark` zu `var(--iris-color-scheme, dark)`; Seiten mit eigenem Variablen-System (`--bg`, `--card`, `--accent` …; iris-gamebox, iris-jobs, iris-claude-sessions, mask-editor-reference) binden diese an die Theme-Variablen. `iris-starter-test` hatte keine Farben. Neu: `_shared/iris-web-theme/` (Beschreibung der Variablen, Skript `themify.py`), README Kapitel 15 verweist darauf. Skripte (JavaScript) unverändert. **Geprüft:** Im Headless-Chrome mit eingesetztem Theme-CSS gerendert und angesehen: comfyui-workflows (ohne Variablen wie vorher dunkel; Papier hell: creme mit blauem Akzent; Graphit dunkel: petrol), email (Papier hell), iris-gamebox (Graphit dunkel, eigenes Variablen-System), iris-jobs (Papier hell). Restfarben außerhalb der Variablen: nur schwarze Überlagerungen und `#169`. **Nicht geprüft:** Die übrigen 25 Seiten nicht einzeln angesehen (gleiche Umsetzung, aber andere Elemente); Zustände mit Daten (Listen, Dialoge, Statusmeldungen) und per JavaScript gesetzte Farben; die Seiten in der echten App (die Brücke ist gemergt, aber nicht gestartet). **Offen:** neue Version, Änderungstext und Changelog je freigegebenem Plugin (19), Tests, `--dry-run`, Veröffentlichung.
Author
Owner

PR #327 gemergt: chore(plugins): Versionen und Änderungstexte für die Hell/Dunkel-Seiten (#325)
http://docker:3000/iris/iris-plugins/pulls/327

Commits:

  • chore(plugins): Versionen und Änderungstexte für die Hell/Dunkel-Seiten (#325)

Stand: Versionen für 18 Plugins vorbereitet (vor der Veröffentlichung)

Geändert: Patch-Version +1 und Änderungstext („Die Oberfläche folgt jetzt Hell/Dunkel und dem gewählten Theme von Iris …; ältere Iris-Versionen zeigen sie unverändert dunkel“) in plugin.json bzw. im Build-Skript (comfyui-bridge, file-picker, whisper erzeugen das Manifest dort), je ein Abschnitt in store/changelog.md (2026-10-31): comfyui-bridge 1.13.3, comfyui-workflows 3.4.3, email 1.2.7, file-picker 1.2.3, filmcraft 0.6.3, heartmula 2.2.2, iris-claude-sessions 0.10.1, iris-editable-table 0.11.3, iris-gamebox 0.10.7, iris-jobs 0.1.1, iris-nextcloud-cookbook 0.13.5, iris-plugin-dev 0.1.21, iris-server-hosts 0.4.2, iris-solidcraft 0.3.5, iris-web-automation 0.1.10, marker 1.19.5, qwen-tts-linux 1.2.2, whisper 1.4.2. iris-starter-test bleibt (Seite ohne Farben), iris_min_version unverändert (Rückfallwerte).

Geprüft: Unit-Tests der 17 Plugins mit Tests: alle grün (z. B. iris-plugin-dev 245, iris-claude-sessions 197, filmcraft 170, iris-nextcloud-cookbook 210 mit -t .); ./publish-plugins.sh --dry-run für alle 18: 17 würden veröffentlicht; iris-server-hosts baut nur im Haupt-Checkout (braucht ../linux-server).

Nicht geprüft: file-picker hat keine Tests. Die Seiten in der laufenden App.

Offen: Veröffentlichung, Stand im Issue danach.

PR #327 gemergt: chore(plugins): Versionen und Änderungstexte für die Hell/Dunkel-Seiten (#325) http://docker:3000/iris/iris-plugins/pulls/327 Commits: - chore(plugins): Versionen und Änderungstexte für die Hell/Dunkel-Seiten (#325) --- **Stand: Versionen für 18 Plugins vorbereitet (vor der Veröffentlichung)** **Geändert:** Patch-Version +1 und Änderungstext („Die Oberfläche folgt jetzt Hell/Dunkel und dem gewählten Theme von Iris …; ältere Iris-Versionen zeigen sie unverändert dunkel“) in `plugin.json` bzw. im Build-Skript (comfyui-bridge, file-picker, whisper erzeugen das Manifest dort), je ein Abschnitt in `store/changelog.md` (2026-10-31): comfyui-bridge 1.13.3, comfyui-workflows 3.4.3, email 1.2.7, file-picker 1.2.3, filmcraft 0.6.3, heartmula 2.2.2, iris-claude-sessions 0.10.1, iris-editable-table 0.11.3, iris-gamebox 0.10.7, iris-jobs 0.1.1, iris-nextcloud-cookbook 0.13.5, iris-plugin-dev 0.1.21, iris-server-hosts 0.4.2, iris-solidcraft 0.3.5, iris-web-automation 0.1.10, marker 1.19.5, qwen-tts-linux 1.2.2, whisper 1.4.2. `iris-starter-test` bleibt (Seite ohne Farben), `iris_min_version` unverändert (Rückfallwerte). **Geprüft:** Unit-Tests der 17 Plugins mit Tests: alle grün (z. B. iris-plugin-dev 245, iris-claude-sessions 197, filmcraft 170, iris-nextcloud-cookbook 210 mit `-t .`); `./publish-plugins.sh --dry-run` für alle 18: 17 würden veröffentlicht; iris-server-hosts baut nur im Haupt-Checkout (braucht `../linux-server`). **Nicht geprüft:** file-picker hat keine Tests. Die Seiten in der laufenden App. **Offen:** Veröffentlichung, Stand im Issue danach.
Author
Owner

Stand nach der Veröffentlichung (2026-10-31), geprüft im Registry-Repo nach dem Pull (18/18 Versionen stimmen):

Draußen sind (Patch-Version, Änderungstext „Die Oberfläche folgt jetzt Hell/Dunkel und dem gewählten Theme von Iris …“): comfyui-bridge 1.13.3, comfyui-workflows 3.4.3, email 1.2.7, file-picker 1.2.3, filmcraft 0.6.3, heartmula 2.2.2, iris-claude-sessions 0.10.1, iris-editable-table 0.11.3, iris-gamebox 0.10.7, iris-jobs 0.1.1, iris-nextcloud-cookbook 0.13.5, iris-plugin-dev 0.1.21, iris-server-hosts 0.4.2, iris-solidcraft 0.3.5, iris-web-automation 0.1.10, marker 1.19.5, qwen-tts-linux 1.2.2, whisper 1.4.2. Commits 3f6edcf (17 Plugins) und d894f56 (iris-server-hosts; baut nur im Haupt-Checkout wegen ../linux-server).

Was Nutzer bekommen: Plugin-Seiten (Einstellungen, Panels, Canvas-Blöcke) in Hell, Graphit und Papier statt immer dunkel, sobald sie eine Iris/IrisRemote-Version mit der Theme-Brücke (irisFollowTheme, iris/Iris#261) haben. Ältere Apps zeigen sie unverändert dunkel (Rückfallwerte), deshalb keine Änderung an iris_min_version. Ein Update über den Marktplatz ist für Anwender sichtbar, ändert aber nur das Aussehen.

Nicht veröffentlicht, nur im Quellbaum umgestellt: die 5 privaten Plugins freecad-bridge, iris-buchhaltung, mask-editor-reference, openmontage, translation-matrix (8 Seiten). iris-starter-test blieb unverändert (Seite ohne Farben).

Geprüft: Tests der 17 Plugins mit Tests grün; Probelauf und echte Veröffentlichung ohne Fehler; 5 Seiten im Headless-Chrome in mehreren Themes gerendert und angesehen.

Nicht geprüft: Die Seiten in der echten App, in Hell und mit Daten; 25 Seiten nicht einzeln angesehen; Farben, die JavaScript setzt, bleiben fest (Canvas, Inline-Styles in Skripten). Zwei Seiten bringen schon eine eigene Hell/Dunkel-Fassung mit; dort gilt jetzt das Theme (nicht mehr die eigene Hellfassung).

Offen: Alf sieht ein Plugin-Panel im Hellmodus an (z. B. „ComfyUI Workflows“); Handbuch-Seiten der App (kein Teil dieses Issues); Hex-Farben in Plugin-Skripten.

**Stand nach der Veröffentlichung (2026-10-31), geprüft im Registry-Repo nach dem Pull (18/18 Versionen stimmen):** **Draußen sind** (Patch-Version, Änderungstext „Die Oberfläche folgt jetzt Hell/Dunkel und dem gewählten Theme von Iris …“): comfyui-bridge 1.13.3, comfyui-workflows 3.4.3, email 1.2.7, file-picker 1.2.3, filmcraft 0.6.3, heartmula 2.2.2, iris-claude-sessions 0.10.1, iris-editable-table 0.11.3, iris-gamebox 0.10.7, iris-jobs 0.1.1, iris-nextcloud-cookbook 0.13.5, iris-plugin-dev 0.1.21, iris-server-hosts 0.4.2, iris-solidcraft 0.3.5, iris-web-automation 0.1.10, marker 1.19.5, qwen-tts-linux 1.2.2, whisper 1.4.2. Commits `3f6edcf` (17 Plugins) und `d894f56` (iris-server-hosts; baut nur im Haupt-Checkout wegen `../linux-server`). **Was Nutzer bekommen:** Plugin-Seiten (Einstellungen, Panels, Canvas-Blöcke) in Hell, Graphit und Papier statt immer dunkel, sobald sie eine Iris/IrisRemote-Version mit der Theme-Brücke (`irisFollowTheme`, iris/Iris#261) haben. Ältere Apps zeigen sie unverändert dunkel (Rückfallwerte), deshalb keine Änderung an `iris_min_version`. Ein Update über den Marktplatz ist für Anwender sichtbar, ändert aber nur das Aussehen. **Nicht veröffentlicht, nur im Quellbaum umgestellt:** die 5 privaten Plugins freecad-bridge, iris-buchhaltung, mask-editor-reference, openmontage, translation-matrix (8 Seiten). `iris-starter-test` blieb unverändert (Seite ohne Farben). **Geprüft:** Tests der 17 Plugins mit Tests grün; Probelauf und echte Veröffentlichung ohne Fehler; 5 Seiten im Headless-Chrome in mehreren Themes gerendert und angesehen. **Nicht geprüft:** Die Seiten in der echten App, in Hell und mit Daten; 25 Seiten nicht einzeln angesehen; Farben, die JavaScript setzt, bleiben fest (Canvas, Inline-Styles in Skripten). Zwei Seiten bringen schon eine eigene Hell/Dunkel-Fassung mit; dort gilt jetzt das Theme (nicht mehr die eigene Hellfassung). **Offen:** Alf sieht ein Plugin-Panel im Hellmodus an (z. B. „ComfyUI Workflows“); Handbuch-Seiten der App (kein Teil dieses Issues); Hex-Farben in Plugin-Skripten.
alf closed this issue 2026-10-31 15:40:29 +00:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
iris/iris-plugins#325
No description provided.