[Gelöst] Farben in eigener CSS-Datei definieren?

[Standarduser]

Hallo zusammen,

ich wollte gerne Farben für Symbolzustände in meiner eigenen CSS-Datei definieren und an Symbolen hinterlegen. Möglich ist ja bisher sowas wie

Code Auswählen Erweitern

data-color="green".

Da ich mit "green" aber nicht ganz zufrieden bin, würde ich gern statt dem Farbnamen eine Beschreibung verwenden, zum Beispiel:

Code Auswählen Erweitern

data-color="bat-75"

Wenn ich die Farbe in meiner eigenen CSS-Datei definiere, wird sie leider nicht berücksichtigt. Das klappt erst, wenn ich sie in die fhem-tablet-ui.css eintrage. Allerdings ist sie dann beim nächsten Update wieder weg.

Insgesamt soll das dann so aussehen:

Code Auswählen Erweitern


<div data-type="symbol"
data-device= "DG.sz.HZ.Heizungsventil"
data-get= "batteryLevel"
data-states= '["0",
  "2",
  "2.4",
  "2.7",
  "3.0"]'
data-icons= '["oa-measure_battery_0 fa-rotate-90",
      "oa-measure_battery_25 fa-rotate-90",
      "oa-measure_battery_50 fa-rotate-90",
      "oa-measure_battery_75 fa-rotate-90",
      "oa-measure_battery_100 fa-rotate-90"]'
data-colors= '["bat-0",
      "bat-25",
      "bat-50",
      "bat-75",
      "bat-100"]'>
</div>


Der Teil im CSS dann entsprechend so:

Code Auswählen Erweitern


.bat-0 {color: #ad3333 !important;}
.bat-25  {color: #aa6900 !important;}
.bat-50  {color: #ffe066 !important;}
.bat-75  {color: #5bc995 !important;}
.bat-100 {color: #32a054 !important;}


Gibt es einen Weg, meine eigenen Farbdefinitionen nutzen zu können?

[setstate]

Nenn deine CSS Datei ungefähr so.

    css/user-ui.css

Nur aus *-ui.css Files werden die Farbschemen eingelesen.

[Standarduser]

Funktioniert. Vielen Dank!

[Mario67]

O.K. mit der Information (*-ui.css) konnte ich auch mein Problem beschrieben unter https://forum.fhem.de/index.php/topic,65604.msg576321.html#msg576321 lösen.
@setstate: Das sollte wohl am besten auch in den ersten Beitrag zu FTUI 2.5 (https://forum.fhem.de/index.php/topic,65604.0.html).

Gruß, Mario

[setstate]

Das ist aber schon immer so, hat nix mit der 2.5 zu tun.
Definition von von Color-Klassen hat nur noch keiner gemacht außer mir (für die Grundfarben)

[Standarduser]

Hi setstate,

ich habe festgestellt, dass bestimme Widgets die Angabe eines eigenen Farbnamens nicht akzeptieren.
Könntest Du Dir das mal anschauen?

Konkret geht es mir im Moment um Level.

data-color="#fa08ba" wird akzeptiert, data-color="bat-50" jedoch nicht. Funktioniert das hier anders?