FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Hoggle am 14 Februar 2017, 13:28:19

Titel: Hintergrundfarbe Schwarz
Beitrag von: Hoggle am 14 Februar 2017, 13:28:19
Hallo.
Wahrscheinlich mal wieder eine leichte Frage: Kann ich die Hintergrundfarbe von den einzelnen Gridsterbereichen auf Transparent setzen?
Ich dachte mir mal, ich gebe einfach bg-black als Hintergrundfarbe an, aber das scheint ja immer noch grau zu sein.
ich wollte mir aber demnächst auch ein anderes Hintergrundbild gönnen und da wäre ein transparenter Hintergrund des Gridsters sehr hilfreich.
Anbei mal ein Screenshoot von meinem jetzigen Wandtablett mit Codeausschnitt
Titel: Antw:Hintergrundfarbe Schwarz
Beitrag von: tomster am 14 Februar 2017, 14:28:49
Evtl. ist der HEX-Wert von bg-black nicht genau #000000

Probier Mal, ob in der fhem-tablet-ui.css

.card {
    background-color: #000000;
    opacity: 0.6;
}

etwas bringt. Müsste klappen (Ungetestet).
Titel: Antw:Hintergrundfarbe Schwarz
Beitrag von: drhirn am 14 Februar 2017, 16:32:52
tomster hat recht damit, dass du die Hintergrundfarbe der .card-Klasse ändern musst. Wenn's aber ganz transparent sein soll, musst du's so machen:


.card {
   background-color: transparent;
}
Titel: Antw:Hintergrundfarbe Schwarz
Beitrag von: tomster am 14 Februar 2017, 16:43:00
drhirn hat den besseren Ansatz. Bei meinem würden auch die Widgets semitransparent, Du willst ja nur den Hintergrund transparent...
Titel: Antw:Hintergrundfarbe Schwarz
Beitrag von: Hoggle am 14 Februar 2017, 20:06:12
Hallo und vielen Dank für eure Antworten.


Ich habe in der Datei fhem-tablet-ui.css den Color-Wert auf transparent geändert, aber 1. es hat sich nix an dem Hintergrund geändert und 2. nach dem nächsten Update  ist die Änderung wieder weg, oder?

Ich muss mich da noch mal mit beschäftigen, aber im Moment habe ich noch grosse Probleme mit dem grundsätzlichen Design der Oberfläche (Die widget verschieben und springen hoch runter und wieder zurück, je nachdem, von welchem Device ich darauf zugreife.)
Aber das ist ein anderes Thema. :-\
Titel: Antw:Hintergrundfarbe Schwarz
Beitrag von: drhirn am 14 Februar 2017, 20:08:26
Das musst du in der (eventuell zu erstellenden) fhem-tablet-ui-user.css machen. Die wird bei einem Update nicht überschrieben.

Wenn's nicht klappt, probier's so:


.card {
    background-color: transparent !important;
}