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

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.52)

Beitrag von Stilgar » 11.01.2019, 14:16

@Slice:

Hier funktioniert es folgendermaßen:
Enweder über Import den bestehenden Style überschreiben, oder neuen Style erstellen und dann Importieren.

Welche Versionen von FF / Stylus verwendest Du? Welcher "CSS Linter" ist in Stylus eingestellt?

[EDIT]
Verstehe, mit der aktuellsten Version von Stylus erscheint diese Meldung.
Hier hilft es einfach die Zeile am Anfang:
@charset "utf-8";
zu löschen.

Grüße
Stilgar

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: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.52)

Beitrag von Slice » 11.01.2019, 14:57

Habs nun hinbekommen unter FF 64.0.2 (64-Bit), ich hab Stylus nochmal neu installiert und den Import auf ein neuen Style frisch durchgeführt.
Diese eine Zeile hab ich gelöscht und die URL's noch angepasst und nun gehts wieder ohne Fehlermeldung.
Passt wunderbar, vielen Dank.

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
----------------------------------------------------------------------------------------

Benutzeravatar
DerHeimer
Beiträge: 167
Registriert: 30.08.2014, 00:57
Danksagung erhalten: 2 Mal

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

Beitrag von DerHeimer » 17.01.2019, 18:07

Slice hat geschrieben:
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
Mir war es auch nicht klar, da es die gezeigte Seite einfach erst einmal nicht gibt! :cry:

Deshalb nun hier mein Weg - ein Problem kommt dann aber noch:
2019-01-17 17_55_36-Window.png
2019-01-17 17_55_36-Window.png (19.28 KiB) 3622 mal betrachtet
2019-01-17 17_57_00-Window.png
2019-01-17 17_57_00-Window.png (21.58 KiB) 3622 mal betrachtet
2019-01-17 17_57_44-Window.png
2019-01-17 17_57_44-Window.png (20.5 KiB) 3622 mal betrachtet
Hier nun mittels Copy und Paste einfügen - aber hier gab es erste böse überraschung, das ist als Iso und nicht im utf-8 abgespeichert.
Je nach Editor kann es dann probleme mit Sonderzeicen und Umlauten geben.
2019-01-17 18_00_49-Window.png

Und dann kommt das hier:

2019-01-17 18_01_13-Window.png
2019-01-17 18_01_13-Window.png (16.9 KiB) 3622 mal betrachtet

Schade, dass die Fehlermeldung keine Zeilennummer verrät.
So ganz kann also mein Weg nicht richtig sein. Mag jemand verraten, wie er es geschafft hat?

Danke im Voraus. :D

Heimer

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

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.53)

Beitrag von Stilgar » 17.01.2019, 19:41

@DerHeimer:

Wie die Beiträge vorher schon erläutert:
Vor dem Import die Zeile (2):
@charset "utf-8";
löschen und schließend die IPs anpassen.

Hinweis:
In der V0.53 ist die Zeile schon gelöscht, siehe erster Beitrag.

Grüße
Stilgar

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

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.54)

Beitrag von Stilgar » 22.01.2019, 15:21

Hallo,

ein kleines Update auf der ersten Seite.

Grüße
Stilgar



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

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.54)

Beitrag von Stilgar » 27.03.2019, 14:50

@tomi_cc16:

Ist noch in Arbeit, hatte gerade leider wenig Zeit dafür.

Benutzeravatar
robson
Beiträge: 99
Registriert: 08.06.2016, 19:26
Wohnort: Ruhrpott
Hat sich bedankt: 4 Mal
Danksagung erhalten: 3 Mal

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.54)

Beitrag von robson » 27.07.2019, 16:19

Das ist ja genial und dazu auch echt hübsch geworden. Ich liebe die dunklen Farben und auch das Wallpaper. Sieht super modern aus. Vielen Dank für diesen kreativen Push! :mrgreen:
Ich bin übrigens durch das YouTube-Video von verdrahtet auf dieses Projekt aufmerksam geworden :)

Lebt das Projekt denn noch bzw. darf man noch mit Updates rechnen? Die letzte Aktualisierung war im Januar 2019.
Raspberry Pi 3 RaspberryMatic, Raspberry Pi 3 als HMLGW

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

Re: Neues Oberflächen-Design (CSS) für HomeMatic WebUI / CCU3 (V0.54)

Beitrag von Stilgar » 27.07.2019, 16:55

@robson:
Danke.
Das Wallpaper läßt sich auch einfach austauschen. Im letzten Abschnitt von Stylus einfach das Bild ersetzen. Die Seite mit der das erstellt wurde ist leider mittlerweile kostenpflichtig. Ich suche nach Ersatz ...
Die Farben des Stils sind alle per CSS-Variablen im ersten Abschnitt definiert und lassen sich dort anpassen.

Das ist eine schöne Werbung auf YT geworden, danke für den Hinweis.

Ich bin schon etwas weitergekommen. Eine neue Version sollte bald folgen.

Antworten

Zurück zu „Sonstige Addons“