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

diverse Zusatzsoftware

Moderator: Co-Administratoren

Stilgar
Beiträge: 16
Registriert: 14.10.2018, 19:57

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: 410
Registriert: 03.02.2016, 14:44
Wohnort: irgendwo aus BaWü
Hat sich bedankt: 3 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+ mit RPI-RF-MOD auf piVCCU-FW 3.47.15 / Addons: CuxD v2.3.3 - EMail v1.6.8c - Programme drucken v1.2a - XML-Api v1.20 - Scriptparser v1.80
Geräte: 112 / Kanäle: 602 / Datenpunkte: 4225 / SysVars: 166 / Programme: 91 / Regadom IDs: 9727 / 32 CUxD-Kanäle in 2 CUxD-Geräten
--------------------------------------------

Benutzeravatar
DerHeimer
Beiträge: 165
Registriert: 30.08.2014, 00:57
Danksagung erhalten: 1 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) 799 mal betrachtet
2019-01-17 17_57_00-Window.png
2019-01-17 17_57_00-Window.png (21.58 KiB) 799 mal betrachtet
2019-01-17 17_57_44-Window.png
2019-01-17 17_57_44-Window.png (20.5 KiB) 799 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) 799 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: 16
Registriert: 14.10.2018, 19:57

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: 16
Registriert: 14.10.2018, 19:57

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

tomi_cc16
Beiträge: 714
Registriert: 30.11.2013, 16:35
Wohnort: Mordor
Hat sich bedankt: 3 Mal

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

Beitrag von tomi_cc16 » 22.01.2019, 19:52

Könnt ihr euch nicht zusammen tun ein gemeinsames Addon erstellen?
viewtopic.php?f=26&t=48479


Stilgar
Beiträge: 16
Registriert: 14.10.2018, 19:57

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: 65
Registriert: 08.06.2016, 19:26
Wohnort: Ruhrpott

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, Rasperry Pi 2 als HMWLGW

Stilgar
Beiträge: 16
Registriert: 14.10.2018, 19:57

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“