Hintergrundfarbe Schwarz

[Hoggle]

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

[tomster]

Evtl. ist der HEX-Wert von bg-black nicht genau #000000

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

Code Auswählen Erweitern


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

etwas bringt. Müsste klappen (Ungetestet).

[drhirn]

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:

Code Auswählen Erweitern


.card {
   background-color: transparent;
}

[tomster]

drhirn hat den besseren Ansatz. Bei meinem würden auch die Widgets semitransparent, Du willst ja nur den Hintergrund transparent...

[Hoggle]

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.

[drhirn]

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:

Code Auswählen Erweitern


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