Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Logfiles schlecht lesbar wegen mangelndem Kontrast #142

Open
Volker0815 opened this issue Aug 29, 2020 · 8 comments
Open

Logfiles schlecht lesbar wegen mangelndem Kontrast #142

Volker0815 opened this issue Aug 29, 2020 · 8 comments

Comments

@Volker0815
Copy link

Logfiles sind durch die Darstellung mit grauer Schrift auf schwarzem Grund schlecht lesbar. Hier wäre mehr Kontrast hilfreich.

@chazz9R
Copy link

chazz9R commented Feb 5, 2021

Gehe in den Ordner /opt/fhem/www/pgm2/
mittels chown ändere den besitzer von fhem zu pi für die datei hausautomatisierung_comstyle.css
dann kannst du die datei editieren.

Ändere Zeile 66 in:

#content > pre { background: #fff; padding: 10px; color:#fff; }

dann hast du die Schriftart in weiss.

@klein0r
Copy link
Owner

klein0r commented Feb 5, 2021

Bitte nicht direkt im CSS bearbeiten. Dafür gibts es entsprechende Attribute auf dem FHEMWEB Gerät um eigene Styles zu hinterlegen und die Werte vom Theme zu überschreiben

@klein0r
Copy link
Owner

klein0r commented Feb 5, 2021

Und den Besitzer zu ändern ist auch keine gute Idee. Je nach Konfigration kann fhem die Datei dann nicht mehr lesen.

@chazz9R
Copy link

chazz9R commented Feb 5, 2021

Die Anleitung ist ja so geschrieben, dass ein Laie das ggbfs. nicht ausführen kann und wer darin was ändert sollte schon wissen was er macht. Da gebe ich dir Recht mit dem Benutzer. Was meinst du mit eigene Styles? Ein komplett eigenes CSS Style oder nur eine Modifikation deines Styles?

Ich nutze auch deinen Style und finde die Lesbarkeit suboptimal daher hab ich mir das "mal eben" angepasst. :-)

thx trotzdem 4 comment.

@klein0r
Copy link
Owner

klein0r commented Feb 5, 2021

In FHEMWEB gibt es ein Attribut "Css": CSS, was nach dem CssFiles Abschnitt im Header eingefuegt wird.

Das heißt, dort kannst Du einfach direkt in das Attribut dein

#content > pre { background: #fff; padding: 10px; color:#fff; }

schreiben. Ohne eine Datei anzufassen. Gerne auch mit !important falls es sonst nicht greift.
Und alles bleibt update fähig.

@chazz9R
Copy link

chazz9R commented Feb 7, 2021

Alles klar. Vielen Dank und Grüße.

@klein0r klein0r closed this as completed Feb 7, 2021
@klein0r klein0r reopened this Feb 7, 2021
@WolfS2711
Copy link

Funktioniert sehr gut und einfach in Verbindung mit Css.
Danke!

@matsahm
Copy link

matsahm commented Mar 25, 2021

Ich habe das als Css-Attribut hinzugefügt:
#console { background: #fffffff0; padding: 10px; color:#676f7a; border-radius: 4px; box-shadow: 0 3px 3px #11111130 }
.fhemlog { color:#e56524; }
Habs dem Design angepasst und sieht ganz gut aus. Vielleicht kann das ja auch so ins Template übernommen werden?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants