Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3
Moderator: Co-Administratoren
Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3
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:
Viel Spaß damit!
Zuletzt geändert von Stilgar am 10.11.2019, 14:03, insgesamt 27-mal geändert.
-
- Beiträge: 12115
- Registriert: 20.11.2016, 20:01
- Hat sich bedankt: 848 Mal
- Danksagung erhalten: 2150 Mal
- Kontaktdaten:
Re: CSS für HomeMatic WebUI / CCU3
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?
bleiben die Custom-Farben in der /etc/config/color.map trotzdem erhalten, oder müsste ich die in der CSS auch noch mal anpassen?
Re: CSS für HomeMatic WebUI / CCU3
Hallo,
nein die CSS werden über das Addon nur in der Browser-Ansicht geändert, sonst nirgends.
Grüße
Stilgar
nein die CSS werden über das Addon nur in der Browser-Ansicht geändert, sonst nirgends.
Grüße
Stilgar
-
- Beiträge: 12115
- Registriert: 20.11.2016, 20:01
- Hat sich bedankt: 848 Mal
- Danksagung erhalten: 2150 Mal
- Kontaktdaten:
Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)
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.
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.
-
- Beiträge: 1203
- Registriert: 03.02.2016, 14:44
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: irgendwo aus Süd BaWü
- Hat sich bedankt: 141 Mal
- Danksagung erhalten: 85 Mal
Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)
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
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.75.7 / 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
----------------------------------------------------------------------------------------
Raspi3B+ Bullseye mit HB-RF-ETH und RPI-RF-MOD auf piVCCU-FW 3.75.7 / 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
----------------------------------------------------------------------------------------
Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)
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
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
-
- Beiträge: 12115
- Registriert: 20.11.2016, 20:01
- Hat sich bedankt: 848 Mal
- Danksagung erhalten: 2150 Mal
- Kontaktdaten:
Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)
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.
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.
-
- Beiträge: 1152
- Registriert: 30.11.2013, 16:35
- Wohnort: Mordor
- Hat sich bedankt: 23 Mal
- Danksagung erhalten: 56 Mal
-
- Beiträge: 1203
- Registriert: 03.02.2016, 14:44
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: irgendwo aus Süd BaWü
- Hat sich bedankt: 141 Mal
- Danksagung erhalten: 85 Mal
Re: Neue Oberfläche (CSS) für HomeMatic WebUI / CCU3 (V0.2)
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.75.7 / 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
----------------------------------------------------------------------------------------
Raspi3B+ Bullseye mit HB-RF-ETH und RPI-RF-MOD auf piVCCU-FW 3.75.7 / 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
----------------------------------------------------------------------------------------