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

diverse Zusatzsoftware

Moderator: Co-Administratoren

Stilgar
Beiträge: 18
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 5 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: 3627
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 58 Mal
Danksagung erhalten: 111 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

Stilgar
Beiträge: 18
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 5 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: 18
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 5 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: 3627
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 58 Mal
Danksagung erhalten: 111 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

Slice
Beiträge: 458
Registriert: 03.02.2016, 14:44
Wohnort: irgendwo aus BaWü
Hat sich bedankt: 10 Mal
Danksagung erhalten: 2 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+ mit HB-RF-USB und HM-MOD-RPI-PCB auf piVCCU-FW 3.47.22 / Addons: CuxD v2.3.4 - EMail v1.6.8c - Programme drucken v1.2a - XML-Api v1.20 - Scriptparser v1.80
Geräte: 114 / Kanäle: 613 / Datenpunkte: 4292 / SysVars: 173 / Programme: 92 / Regadom IDs: 9850 / 32 CUxD-Kanäle in 2 CUxD-Geräten
Neu: Intel NUC i3-5010U @ 2,1 GHz mit 8GB RAM & 240 GB SSD für Proxmox mit ioBroker VM und CCU-Historian/InfluxDB/Grafana VM
--------------------------------------------

Stilgar
Beiträge: 18
Registriert: 14.10.2018, 19:57
Danksagung erhalten: 5 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: 3627
Registriert: 20.11.2016, 20:01
Hat sich bedankt: 58 Mal
Danksagung erhalten: 111 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

tomi_cc16
Beiträge: 766
Registriert: 30.11.2013, 16:35
Wohnort: Mordor
Hat sich bedankt: 12 Mal
Danksagung erhalten: 9 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: 458
Registriert: 03.02.2016, 14:44
Wohnort: irgendwo aus BaWü
Hat sich bedankt: 10 Mal
Danksagung erhalten: 2 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+ mit HB-RF-USB und HM-MOD-RPI-PCB auf piVCCU-FW 3.47.22 / Addons: CuxD v2.3.4 - EMail v1.6.8c - Programme drucken v1.2a - XML-Api v1.20 - Scriptparser v1.80
Geräte: 114 / Kanäle: 613 / Datenpunkte: 4292 / SysVars: 173 / Programme: 92 / Regadom IDs: 9850 / 32 CUxD-Kanäle in 2 CUxD-Geräten
Neu: Intel NUC i3-5010U @ 2,1 GHz mit 8GB RAM & 240 GB SSD für Proxmox mit ioBroker VM und CCU-Historian/InfluxDB/Grafana VM
--------------------------------------------

Antworten

Zurück zu „Sonstige Addons“