FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Standarduser am 04 Februar 2017, 15:06:45

Titel: [Gelöst] Farben in eigener CSS-Datei definieren?
Beitrag von: Standarduser am 04 Februar 2017, 15:06:45
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
data-color="green".

Da ich mit "green" aber nicht ganz zufrieden bin, würde ich gern statt dem Farbnamen eine Beschreibung verwenden, zum Beispiel:
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:

<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:

.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?
Titel: Antw:Farben in eigener CSS-Datei definieren?
Beitrag von: setstate am 04 Februar 2017, 16:47:09
Nenn deine CSS Datei ungefähr so.

    css/user-ui.css

Nur aus *-ui.css Files werden die Farbschemen eingelesen.
Titel: Antw:Farben in eigener CSS-Datei definieren?
Beitrag von: Standarduser am 05 Februar 2017, 11:33:58
Funktioniert. Vielen Dank!
Titel: Antw:[Gelöst] Farben in eigener CSS-Datei definieren?
Beitrag von: Mario67 am 06 Februar 2017, 11:02:33
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 (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 (https://forum.fhem.de/index.php/topic,65604.0.html)).

Gruß, Mario
Titel: Antw:[Gelöst] Farben in eigener CSS-Datei definieren?
Beitrag von: setstate am 06 Februar 2017, 11:13:06
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)
Titel: Antw:[Gelöst] Farben in eigener CSS-Datei definieren?
Beitrag von: Standarduser am 26 Februar 2017, 17:29:55
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?