Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3

diverse Zusatzsoftware

Moderator: Co-Administratoren

Stilgar
Beiträge: 23
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 8 Mal

Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3

Beitrag von Stilgar » 14.10.2018, 20:17

Bild Bild Bild Bild

Hallo Zusammen,

in Verbindung mit z.B. mit dem FireFox Addon https://addons.mozilla.org/en-US/firefox/addon/styl-us/ habe ich die Stylesheets und Bilder für die HomeMatic WebUI (teilweise) angepaßt. Das Ganze werde ich den nächsten Wochen noch weiter überarbeiten.
Leider sind die CSS von WebUI nicht gerade sehr einheitlich, darum sieht das Ganze etwas "durcheinander" aus.

Download und mehr Informationen:
GitHub.
Direkter Download.


Installation:
Die CSS (txt) Datei im Anhang über das obengenannte FireFox-Addon importieren und die vorhandenen IP-Adressen durch die eigenen ersetzen:
Stylus.png

Viel Spaß damit!
Dateianhänge
WebUI_Programm-Druck.PNG
WebUI_5.PNG
WebUI_4.PNG
WebUI_3.PNG
WebUI_2.PNG
WebUI_1.PNG
Login.PNG
Zuletzt geändert von Stilgar am 10.11.2019, 14:03, insgesamt 27-mal geändert.

jp112sdl
Beiträge: 12084
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 847 Mal
Danksagung erhalten: 2139 Mal
Kontaktdaten:

Re: CSS für HomeMatic WebUI / CCU3

Beitrag von jp112sdl » 14.10.2018, 22:24

Hi,
bleiben die Custom-Farben in der /etc/config/color.map trotzdem erhalten, oder müsste ich die in der CSS auch noch mal anpassen?

VG,
Jérôme ☕️

---
Support for my Homebrew-Devices: Download JP-HB-Devices Addon

Stilgar
Beiträge: 23
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 8 Mal

Re: CSS für HomeMatic WebUI / CCU3

Beitrag von Stilgar » 15.10.2018, 00:24

Hallo,

nein die CSS werden über das Addon nur in der Browser-Ansicht geändert, sonst nirgends.

Grüße
Stilgar

Stilgar
Beiträge: 23
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 8 Mal

Re: CSS für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von Stilgar » 16.10.2018, 13:15

Update (siehe erster Beitrag)

jp112sdl
Beiträge: 12084
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 847 Mal
Danksagung erhalten: 2139 Mal
Kontaktdaten:

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von jp112sdl » 16.10.2018, 13:53

Ich finde es schon echt gut, wie es jetzt aussieht!
Aber ich bin dauernd an wechselnden Systemen/Browsern.

Cool wäre es, die Anpassungen direkt auf der CCU (/www/webui/webui.css) durchzuführen (beispielsweise durch die Installation eines CCU-Addons), so dass man die Anpassung dann in allen Browsern (ohne zusätzliches Plugin) hat.

VG,
Jérôme ☕️

---
Support for my Homebrew-Devices: Download JP-HB-Devices Addon

Slice
Beiträge: 1192
Registriert: 03.02.2016, 14:44
System: Alternative CCU (auf Basis OCCU)
Wohnort: irgendwo aus Süd BaWü
Hat sich bedankt: 135 Mal
Danksagung erhalten: 82 Mal

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von Slice » 17.10.2018, 16:39

Hallo,

wie bekomme ich das CSS nun in meinen Firefox? Ich habe die Erweiterung "Styl-Us" installiert und wenn ich die txt nun per Drag&Drop reinziehe sagt er mir das nicht geändert wurde.Habs auch mal als .json umbenannt, geht auch nicht.
Was muss ich den machen um die neue Oberfläche zu erhalten?!

Grüße,
Slice
----------------------------------------------------------------------------------------
Raspi3B+ Bullseye mit HB-RF-ETH und RPI-RF-MOD auf piVCCU-FW 3.73.9 / Addons: CuxD v2.11 - E-Mail v1.7.6 - Patcher v1.0.0 - Philips Hue v3.2.5 - Programme drucken v2.6 - Scriptparser v1.11 - XML-API v2.3
Geräte: 141 / Kanäle: 791 / Datenpunkte: 6080 / SysVars: 275 / Programme: 161 / Regadom IDs: 14010 / 48 CUxD-Kanäle in 3 CUxD-Geräten
Intel NUC i3-5010U @ 2,1 GHz mit 16 GB RAM & 512 GB SSD für Proxmox mit ioBroker VM und CCU-Historian/InfluxDB/Grafana VM
----------------------------------------------------------------------------------------
Projekte im Forum: HomeHub v4.1 / Fritzbox-Anruferliste für HomeHub
----------------------------------------------------------------------------------------

Stilgar
Beiträge: 23
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 8 Mal

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von Stilgar » 17.10.2018, 18:32

Hallo,

das Ganze bei Styl-Us über "Mozilla Format" importieren einfügen und die IP / URL ("Gilt für URLs: beginnend mit") entsprechend anpassen.

Grüße
Stilgar

jp112sdl
Beiträge: 12084
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 847 Mal
Danksagung erhalten: 2139 Mal
Kontaktdaten:

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von jp112sdl » 17.10.2018, 18:40

Hab dir ne PN geschickt...
Wenn du die Anpassungen direkt in die style.css einpflegen würdest, würde ich es als installierbares CCU-Addon verpacken.

Dann muss der Anwender in seinen/m Browser/n nichts weiter machen.

VG,
Jérôme ☕️

---
Support for my Homebrew-Devices: Download JP-HB-Devices Addon

tomi_cc16
Beiträge: 1150
Registriert: 30.11.2013, 16:35
Wohnort: Mordor
Hat sich bedankt: 23 Mal
Danksagung erhalten: 56 Mal

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von tomi_cc16 » 17.10.2018, 22:48

jp112sdl hat geschrieben:
17.10.2018, 18:40
Hab dir ne PN geschickt...
Wenn du die Anpassungen direkt in die style.css einpflegen würdest, würde ich es als installierbares CCU-Addon verpacken.

Dann muss der Anwender in seinen/m Browser/n nichts weiter machen.
Das wäre super

Slice
Beiträge: 1192
Registriert: 03.02.2016, 14:44
System: Alternative CCU (auf Basis OCCU)
Wohnort: irgendwo aus Süd BaWü
Hat sich bedankt: 135 Mal
Danksagung erhalten: 82 Mal

Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)

Beitrag von Slice » 18.10.2018, 16:44

Stilgar hat geschrieben:
17.10.2018, 18:32
Hallo,

das Ganze bei Styl-Us über "Mozilla Format" importieren einfügen und die IP / URL ("Gilt für URLs: beginnend mit") entsprechend anpassen.

Grüße
Stilgar
Hallo,

ganz klar war mir die Antwort nicht, aber ich habe es nun dennoch geschafft das Style einzupflegen!
Die WebUi sieht echt schon viel besser aus so.
Wäre echt Klasse wenn es das als eine Art Addon geben würde!

Danke und Grüße,
Slice
----------------------------------------------------------------------------------------
Raspi3B+ Bullseye mit HB-RF-ETH und RPI-RF-MOD auf piVCCU-FW 3.73.9 / Addons: CuxD v2.11 - E-Mail v1.7.6 - Patcher v1.0.0 - Philips Hue v3.2.5 - Programme drucken v2.6 - Scriptparser v1.11 - XML-API v2.3
Geräte: 141 / Kanäle: 791 / Datenpunkte: 6080 / SysVars: 275 / Programme: 161 / Regadom IDs: 14010 / 48 CUxD-Kanäle in 3 CUxD-Geräten
Intel NUC i3-5010U @ 2,1 GHz mit 16 GB RAM & 512 GB SSD für Proxmox mit ioBroker VM und CCU-Historian/InfluxDB/Grafana VM
----------------------------------------------------------------------------------------
Projekte im Forum: HomeHub v4.1 / Fritzbox-Anruferliste für HomeHub
----------------------------------------------------------------------------------------

Antworten

Zurück zu „Sonstige Addons“