Finde class für background von Geräte-"Bildern" nicht

Einrichtung, Anschluss und Programmierung der HomeMatic CCU

Moderator: Co-Administratoren

Antworten
User 17410

Finde class für background von Geräte-"Bildern" nicht

Beitrag von User 17410 » 13.06.2018, 06:19

Hallo, ich habe meine WebUI farblich nach meinen wünschen angepasst, soweit passt auch alles. Aber ich finde die class für die background-color wo sich die Bilder in den (Einstellungen) Geräten befinden einfach nicht.

Zur besseren Darstellung wo genau ich meine, ein Screenshot:
Bildschirmfoto 2018-06-13 um 06.12.23.png
Das Bild dort fehlt im Moment mit Absicht (deshalb auch das blaue Fragezeichen), um einen Fehler in der Transparenz des Bildes auszuschließen, damit ich eben nur den Hintergrund dort sehe.

Habt ihr eine Ahnung wo genau ich die class dafür in der style.css finde?

Danke

Benutzeravatar
blackhole
Beiträge: 3718
Registriert: 21.07.2015, 14:03
System: CCU
Hat sich bedankt: 184 Mal
Danksagung erhalten: 586 Mal

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von blackhole » 13.06.2018, 11:32

Hier hast Du ein Beispiel (unmodifizierter Quelltext) anhand des CCU2-Thumb-Pics (Status und Bedienung > Geräte):

Code: Alles auswählen

<div id="picDiv1009" class="CLASS03907" style="margin:auto;" onmouseover="picDivShow(jg_250, "HM-RCV-50", 250, -1, this);" onmouseout="picDivHide(jg_250);"><div><div style="position:absolute;left:0px;top:0px;width:50px;height:50px;clip:rect(0,50px,50px,0);background-color:#ffffff;overflow:hidden;"></div><div style="position: relative; margin: 0; padding: 0; vertical-align: top; text-align: left; background-color: white;width:50px;height:50px;"><img src="/config/img/devices/50/CCU2_thumb.png"></div></div></div>
Das zu ändern war mir zu aufwendig (vor allem die dann nötige Pflege nach einem Update), daher habe ich für Header und Footer ein dunkles Design gewählt, den Hintergrund des Contentbereichs hell gelassen und für die Tabellen und Inhalte verschiedene, meist dunkle Grautöne verwendet.

Neben dem Austausch der Ladeanimationen habe ich ansonsten nur noch das Hilfe-Pic gepimpt. Die restlichen Grafiken passten zum Gesamtkunstwerk.
devconfig_fix_v2.1.gif
Die für mich wichtigsten Änderungen waren jedoch nicht die Farben und Bildchen, sondern der DevConfig-Fix und das Anpassen der Div-Box in welcher die Inhalte von Systemvariablen ausgegeben werden (Status und Bedienung > Systemvariable, Spalte "Status"). Diese Div-Boxen passen sich bei meiner CCU2 jetzt in der Höhe dynamisch an. Warum eQ-3 diese Schandflecke nicht endlich gerichtet hat, ist mir ein Rätsel.

User 17410

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von User 17410 » 13.06.2018, 14:47

blackhole hat geschrieben:Hier hast Du ein Beispiel (unmodifizierter Quelltext) anhand des CCU2-Thumb-Pics (Status und Bedienung > Geräte):

Code: Alles auswählen

<div id="picDiv1009" class="CLASS03907" style="margin:auto;" onmouseover="picDivShow(jg_250, "HM-RCV-50", 250, -1, this);" onmouseout="picDivHide(jg_250);"><div><div style="position:absolute;left:0px;top:0px;width:50px;height:50px;clip:rect(0,50px,50px,0);background-color:#ffffff;overflow:hidden;"></div><div style="position: relative; margin: 0; padding: 0; vertical-align: top; text-align: left; background-color: white;width:50px;height:50px;"><img src="/config/img/devices/50/CCU2_thumb.png"></div></div></div>
Danke für den Quelltext, diesen habe ich auch gefunden, beim Durchsuchen des Quelltextes direkt auf der WebUI Seite. Aber in welcher Datei ändere ich diesen? In der Datei "style.css" (www/webui/") habe ich dazu nichts gefunden, oder bin ich blind? :shock:
blackhole hat geschrieben:Das zu ändern war mir zu aufwendig (vor allem die dann nötige Pflege nach einem Update), daher habe ich für Header und Footer ein dunkles Design gewählt, den Hintergrund des Contentbereichs hell gelassen und für die Tabellen und Inhalte verschiedene, meist dunkle Grautöne verwendet.
Ich habe bei mir auch ein paar Schönheiten wie das ändern diverser Farben, Icons und Ladeanimationen vorgenommen.
So sieht es im Moment bei mir aus:
Bildschirmfoto 2018-06-13 um 14.36.55.jpg
Bildschirmfoto 2018-06-13 um 14.37.38.png
Jedoch stört mich der weiße Hintergrund bei den Thumb-Pics in "Einstellungen -> Geräte" und bei "Status und Bedienung -> Geräte" eigentlich stört mich der weiße Hintergrund überall wo die Gerätebilder auftauchen. Allerdings habe ich wie gesagt, noch nicht herausgefunden, wo ich den Hintergrund für die Thumb-Vorschau und der Großen-Vorschau vornehmen muss.
Bildschirmfoto 2018-06-13 um 14.52.39.png
blackhole hat geschrieben:Die für mich wichtigsten Änderungen waren jedoch nicht die Farben und Bildchen, sondern der DevConfig-Fix und das Anpassen der Div-Box in welcher die Inhalte von Systemvariablen ausgegeben werden (Status und Bedienung > Systemvariable, Spalte "Status"). Diese Div-Boxen passen sich bei meiner CCU2 jetzt in der Höhe dynamisch an. Warum eQ-3 diese Schandflecke nicht endlich gerichtet hat, ist mir ein Rätsel.
Kannst Du mir bitte erklären, wie Du das mit den Div-Boxen für die Systemvariablen gemacht hast, damit diese sich dynamisch anpassen.

NickHM
Beiträge: 3729
Registriert: 23.09.2017, 12:04
Hat sich bedankt: 65 Mal
Danksagung erhalten: 119 Mal

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von NickHM » 13.06.2018, 17:23

Hallo

könnte es sein, dass es an den Bildern an sich liegt. Das die Bilder einen weissen Hintergrund haben, statt einer transparenten Farbe ? Dann müsstest Du alle Bilder bearbeiten...

Benutzeravatar
blackhole
Beiträge: 3718
Registriert: 21.07.2015, 14:03
System: CCU
Hat sich bedankt: 184 Mal
Danksagung erhalten: 586 Mal

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von blackhole » 13.06.2018, 17:48

NickHM hat geschrieben:könnte es sein, dass es an den Bildern an sich liegt. Das die Bilder einen weissen Hintergrund haben, statt einer transparenten Farbe ?
> Hier < gucken und lesen.
User 17410 hat geschrieben:In der Datei "style.css" (www/webui/") habe ich dazu nichts gefunden
Kannst Du auch nicht. Aus dem Quellcode, den ich oben mitgeteilt habe, geht klar hervor, dass das woanders reingefrickelt wurde.
Hier die relevante Stelle:

Code: Alles auswählen

... background-color:#ffffff; ...
Das zu ändern war mir keine weitere Suche wert, weil der Pflegeaufwand nach einem Update den Nutzen (meinen Nutzen) bei weitem übersteigen würde.
User 17410 hat geschrieben:Kannst Du mir bitte erklären, wie Du das mit den Div-Boxen für die Systemvariablen gemacht hast, damit diese sich dynamisch anpassen.
Ja, klar:

Code: Alles auswählen

.ControlBtnInfo {
  display:table;
  ... }
Diese Stelle ist übrigens auch ganz einfach aus dem Quelltext herauszulesen. An dieser Stelle also zum Glück keine Frickelei wie bei der Hintergrundfarbe der Thumbs. Das macht die Tatsache, dass eQ-3 das seit Jahren nicht behebt, noch viel unverständlicher. Ich hatte bereits 2015 eine E-Mail diesbezüglich an eQ-3 geschrieben (Fix inkl.).

User 17410

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von User 17410 » 13.06.2018, 23:23

Ich werde noch rausfinden wo sich dieser blöde Hintergrund befindet :twisted:

Das wäre dann der Effekt...

Vorher:
Bildschirmfoto 2018-06-13 um 23.22.21.png
Nachher:
Bildschirmfoto 2018-06-13 um 23.22.57.png

Benutzeravatar
Centauri2k
Beiträge: 684
Registriert: 17.09.2016, 21:13

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von Centauri2k » 14.06.2018, 13:09

Das aussehen der sogenannten WebUI war mir auch schon immer ein graus. Da ich auch ein fan von dunklen Darstellungen bin, habe ich das jetzt einfach mal von User 17410 nachgebaut und mir die Farben aus den Screenshot pipettiert :mrgreen:

Allerdings ist auch mir der weiße Hintergrund hinter den Bildern bei "Einstellungen --> Geräte" bei "Status und Bedienung --> Geräte" ect. auch ein Dorn im Auge. Aber auch ich finde leider die Datei nicht, wo das hinterlegt ist. Weiß es wer von euch Profis, oder wo man ungefähr fündig werden könnte. Das die Änderung nach einem Update wieder hinfällig sein kann, wäre mir erstmal egal. Es ist ja nicht so, dass eQ-3 monatlich CCU-Updates bringt, deshalb wäre es egal wenn man die Datei alle 6 Monate (wenns hochkommt) erneut ändern muss, und mann weiß ja dann wo es zu ändern ist.

Benutzeravatar
jmaus
Beiträge: 9817
Registriert: 17.02.2015, 14:45
System: Alternative CCU (auf Basis OCCU)
Wohnort: Dresden
Hat sich bedankt: 459 Mal
Danksagung erhalten: 1855 Mal
Kontaktdaten:

Re: Finde class für background von Geräte-"Bildern" nicht

Beitrag von jmaus » 05.07.2018, 21:03

Ihr könntet eure hier diskutierten/entwickelten WebUI Patches auch einfach im Rahmen des RaspberryMatic Projektes entwickeln/einreichen und dann finden diese sicher (zumindest teilweise) Ihren Weg in die offizielle CCU Firmware wie dies bereits bei einigen Dingen in der Vergangenheit der Fall war.
RaspberryMatic 3.75.6.20240316 @ ProxmoxVE – ~200 Hm-RF/HmIP-RF/HmIPW Geräte + ioBroker + HomeAssistant – GitHub / Sponsors / PayPal / ☕️

Antworten

Zurück zu „HomeMatic Zentrale (CCU / CCU2 / CCU3 / Charly)“