jarvis v2.2.0 - just another remarkable vis

MCU

@diginix
Nicht diese URL verwenden url('https://api.iconify.design/mdi/battery-high.svg'), sondern

Und dort dann "currentColor" durch var(--meine-Farbe) ersetzen.
Dann kannst mit

:root{
  --meine-Farbe: yellow;
}

es einfacher ändern.

MCU

@renegade-0

.MuiTypography-h5 {
    font-size:40px; /* Schrift 14px */
    font-weight: bold; /* Fettschrift */
    /*color: red;*/
}

Jetz aber.

Diginix

@mcu Funktioniert immer noch nicht.

Im CSS

:root {
  --highlight_red: #FFAA00;
  --highlight_green: #39B300;
  --highlight_blue: #00C3FF;
}
.charge{
  color:transparent;
  animation: charging 3s infinite;
}
@keyframes charging{
  0% {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
  } 
  50%{
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3m0-4.5H9v3h6v-3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
  }  
  100% {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3m0-9H9v3h6V7m0%204.5H9v3h6v-3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
}

Im DP dann folgendes
Icon JSON:

"battery-low charge"

Icon Stil JSON habe ich

{
  ">10": {
    "color": "var(--highlight_green)"
  }
}

Sieht dann weiterhin so aus:

MCU

@diginix sagte in jarvis v2.2.0 - just another remarkable vis:

#39B300;

Also mit der schnellen Farbänderung geht es wohl nicht.
Hab noch eine Stufe hinzugefügt.
Nur mit einer festgelegten Farbe:

@keyframes charging{
  0% {
     background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33A1.33%201.33%200%200%200%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34A1.33%201.33%200%200%200%2018%2020.67V5.33C18%204.6%2017.4%204%2016.67%204z%22%20fill%3D%22lightgreen%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
     }
  33% {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3%22%20fill%3D%22lightgreen%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
  } 
  66%{
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3m0-4.5H9v3h6v-3z%22%20fill%3D%22lightgreen%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
  }  
  100% {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2020H8V6h8m.67-2H15V2H9v2H7.33C6.6%204%206%204.6%206%205.33v15.34C6%2021.4%206.6%2022%207.33%2022h9.34c.74%200%201.33-.59%201.33-1.33V5.33C18%204.6%2017.4%204%2016.67%204M15%2016H9v3h6v-3m0-9H9v3h6V7m0%204.5H9v3h6v-3z%22%20fill%3D%22lightgreen%22%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
}

Hatte "lightgreen" verwendet, "lime" funktioniert auch.

Renegade 0

@mcu
Supi danke, jetzt funzt es einwandfrei. :)

Nun gehts an den Screensaver. hrhr

Diginix

@mcu Ok, ja mit Farbfestlegung vor dem base64 Export auf iconify funktioniert es nun auch bei mir.

Aber da komme ich wieder zu meiner parallelen Frage von eigenen Icons die sich nach dem globalen Stil von Jarvis richten. Dort kann man ja eine Hauptfarbe einstellen und alle Icons die man per Namen festlegt, richten sich danach. Wenn ich nun eines habe, was nicht bei iconify existiert, also nicht mit Namen in Jarvis festgelegt werden kann, kann man das dann dennoch "farb-neutral" einfügen und wenn man die globale Farbe ändert richtet es sich danach?
Jarvis füllt die Icons ja mit "fill="currentColor"" also ist die globale Highlight Farbe ja in currentColor.

Bei base64 Icons ist aber anscheinend immer eine Farbe enthalten. Die Farbe meiner Animation kann ich nun auch nicht flexibel in Jarvis ändern sondern müsste immer alle 3-4 Icons wieder bei iconify mit neuer Fabe exportieren. Das ist etwas unfexibel, aber natürlich besser als nichts.

MCU

@diginix Das Problem ist das man sich ja das svg von denen live holt und die nur die allgemeinen festgelegten Farben unterstützen, die namentlich festgelegt sind. Ich hatte es auch mal versucht eine RGB-Farbe dem svg mitzugeben:

anstatt 
%22lime%22
%22#671200%22

das geht auch nicht.
Er nimmt aber auch rgb(255,0,0).
Du musst es ja nicht mir neuer Farbe exportieren, sondern nur im Code anpassen.

Normalerweise steht dort "currentColor" und das musst du ersetzen mit dem Farbnamen, den du haben willst.
white,black,lime, red usw.

Willst du parallel unterschiedliche Batterien mit unterschiedlichen Farben nutzen, musst du mehrere @keyframes anlegen mit unterschiedlichen Farben und unterschiedliche Klassen.
.chargeLime .chargeYellow .chargeBlue

Diginix

@mcu Der Hexwert ist im base64 ohne #, den kann man also schon direkt editieren.
Heißt aber am Ende jedes eigene Icon muss die richtige Farbe im Code mitbringen. Es kann sich nicht dem globalen currentColor unterwerfen. Und auch currentColor statt dem Hexwert im base64 funktioniert leider nicht. Wenn man also 100 eigene Icons nutzt und die Farbe ändern will, geht das über den Expertenmodus mit search/replace im JSON am sinnvollsten.

MCU

@diginix
Also, wenn ich die Farbe vom Icon ändern möchte nutze ich Icon-Stil:

{"default":{"color":"var(--meine-Farbe)"}}

Hat man alle Icons mit dem Default bedacht, so kann man mit einer Variablen alle Icons auf einmal ändern.
Bei dem anderen geht es um eine Animation, die das Icon überlagert.
Sehr wahrscheinlich würde es mit den svg auch gehen, man muss sie dann nur auf einem http-Server bei sich haben. Dann kann man auch dort mit der Variablen arbeiten, aber das müsste man noch prüfen. Ist nur eine Vermutung.

Diginix

@mcu Ich habe z.B. diese Icon hier als base64 im Icon Feld

"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MDMuMDU1IDUwMy4wNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMy4wNTUgNTAzLjA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj4KPGc+Cgk8Y2lyY2xlIGN4PSIyMDcuMTUyIiBjeT0iNDMxLjMxOSIgcj0iMTUiLz4KCTxwYXRoIGQ9Ik0yNTEuNTI3LDI0MC4wNDVjLTI0LjI1MywwLTQzLjk4MywxOS43My00My45ODMsNDMuOTgzczE5LjczLDQzLjk4Myw0My45ODMsNDMuOTgzczQzLjk4My0xOS43Myw0My45ODMtNDMuOTgzICAgUzI3NS43OCwyNDAuMDQ1LDI1MS41MjcsMjQwLjA0NXogTTI1MS41MjcsMjk4LjAxMmMtNy43MTEsMC0xMy45ODMtNi4yNzItMTMuOTgzLTEzLjk4M3M2LjI3Mi0xMy45ODMsMTMuOTgzLTEzLjk4MyAgIHMxMy45ODMsNi4yNzIsMTMuOTgzLDEzLjk4M1MyNTkuMjM4LDI5OC4wMTIsMjUxLjUyNywyOTguMDEyeiIvPgoJPHBhdGggZD0iTTc4LjU1NCw0OC45MDFjLTIxLjcxMiwwLTM5LjM3NSwxNy42NjMtMzkuMzc1LDM5LjM3NXMxNy42NjMsMzkuMzc1LDM5LjM3NSwzOS4zNzVzMzkuMzc1LTE3LjY2MywzOS4zNzUtMzkuMzc1ICAgUzEwMC4yNjYsNDguOTAxLDc4LjU1NCw0OC45MDF6IE03OC41NTQsOTcuNjUxYy01LjE2OSwwLTkuMzc1LTQuMjA2LTkuMzc1LTkuMzc1czQuMjA2LTkuMzc1LDkuMzc1LTkuMzc1czkuMzc1LDQuMjA2LDkuMzc1LDkuMzc1ICAgUzgzLjcyMyw5Ny42NTEsNzguNTU0LDk3LjY1MXoiLz4KCTxwYXRoIGQ9Ik03OC41NTQsMTQ2Ljc3N2MtMjEuNzEyLDAtMzkuMzc1LDE3LjY2My0zOS4zNzUsMzkuMzc1czE3LjY2MywzOS4zNzUsMzkuMzc1LDM5LjM3NXMzOS4zNzUtMTcuNjYzLDM5LjM3NS0zOS4zNzUgICBTMTAwLjI2NiwxNDYuNzc3LDc4LjU1NCwxNDYuNzc3eiBNNzguNTU0LDE5NS41MjdjLTUuMTY5LDAtOS4zNzUtNC4yMDYtOS4zNzUtOS4zNzVzNC4yMDYtOS4zNzUsOS4zNzUtOS4zNzUgICBzOS4zNzUsNC4yMDYsOS4zNzUsOS4zNzVTODMuNzIzLDE5NS41MjcsNzguNTU0LDE5NS41Mjd6Ii8+Cgk8cGF0aCBkPSJNNzguNTU0LDI0NC42NTNjLTIxLjcxMiwwLTM5LjM3NSwxNy42NjMtMzkuMzc1LDM5LjM3NXMxNy42NjMsMzkuMzc1LDM5LjM3NSwzOS4zNzVzMzkuMzc1LTE3LjY2MywzOS4zNzUtMzkuMzc1ICAgUzEwMC4yNjYsMjQ0LjY1Myw3OC41NTQsMjQ0LjY1M3ogTTc4LjU1NCwyOTMuNDAzYy01LjE2OSwwLTkuMzc1LTQuMjA2LTkuMzc1LTkuMzc1czQuMjA2LTkuMzc1LDkuMzc1LTkuMzc1ICAgczkuMzc1LDQuMjA2LDkuMzc1LDkuMzc1UzgzLjcyMywyOTMuNDAzLDc4LjU1NCwyOTMuNDAzeiIvPgoJPHBhdGggZD0iTTExOC4xMSw0NjguOTAyaC00LjQ4NHYtMTAwLjc1aDI4LjQ4YzguMjg0LDAsMTUtNi43MTYsMTUtMTV2LTMzNGMwLTguMjg0LTYuNzE2LTE1LTE1LTE1SDE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djMzNCAgIGMwLDguMjg0LDYuNzE2LDE1LDE1LDE1aDI4LjQ4MXYxMDAuNzVoLTQuNDg1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1czYuNzE2LDE1LDE1LDE1YzcuNDM3LDAsNzEuNjc0LDAsNzkuMTE0LDAgICBjOC4yODQsMCwxNS02LjcxNiwxNS0xNVMxMjYuMzk1LDQ2OC45MDIsMTE4LjExLDQ2OC45MDJ6IE0zMCwzMzguMTUydi0zMDRoOTcuMTA2djMwNEMxMTcuNjMzLDMzOC4xNTIsMzkuMTk5LDMzOC4xNTIsMzAsMzM4LjE1MnogICAgTTgzLjYyNiw0NjguOTAySDczLjQ4MXYtMTAwLjc1aDEwLjE0NVY0NjguOTAyeiIvPgoJPHBhdGggZD0iTTQ4OC4wNTUsNC4xNTJIMzYwLjk0OGMtOC4yODQsMC0xNSw2LjcxNi0xNSwxNXYzMzRjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNWgyOC40OHYxMDAuNzVoLTQuNDg0Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1ICAgczYuNzE2LDE1LDE1LDE1YzguMDM2LDAsNzEuMDIxLDAsNzkuMTE0LDBjOC4yODQsMCwxNS02LjcxNiwxNS0xNXMtNi43MTYtMTUtMTUtMTVoLTQuNDg1di0xMDAuNzVoMjguNDgxYzguMjg0LDAsMTUtNi43MTYsMTUtMTUgICB2LTMzNEM1MDMuMDU1LDEwLjg2OCw0OTYuMzM5LDQuMTUyLDQ4OC4wNTUsNC4xNTJ6IE00MjkuNTczLDQ2OC45MDJoLTEwLjE0NXYtMTAwLjc1aDEwLjE0NVY0NjguOTAyeiBNNDczLjA1NSwzMzguMTUyICAgYy05LjQ3OCwwLTg3LjkxNCwwLTk3LjEwNiwwdi0zMDRoOTcuMTA2VjMzOC4xNTJ6Ii8+Cgk8cGF0aCBkPSJNNDI0LjUwMSwxMjcuNjUxYzIxLjcxMiwwLDM5LjM3NS0xNy42NjMsMzkuMzc1LTM5LjM3NXMtMTcuNjYzLTM5LjM3NS0zOS4zNzUtMzkuMzc1cy0zOS4zNzUsMTcuNjYzLTM5LjM3NSwzOS4zNzUgICBTNDAyLjc4OSwxMjcuNjUxLDQyNC41MDEsMTI3LjY1MXogTTQyNC41MDEsNzguOTAxYzUuMTY5LDAsOS4zNzUsNC4yMDYsOS4zNzUsOS4zNzVzLTQuMjA2LDkuMzc1LTkuMzc1LDkuMzc1ICAgcy05LjM3NS00LjIwNi05LjM3NS05LjM3NVM0MTkuMzMyLDc4LjkwMSw0MjQuNTAxLDc4LjkwMXoiLz4KCTxwYXRoIGQ9Ik00MjQuNTAxLDIyNS41MjdjMjEuNzEyLDAsMzkuMzc1LTE3LjY2MywzOS4zNzUtMzkuMzc1cy0xNy42NjMtMzkuMzc1LTM5LjM3NS0zOS4zNzVzLTM5LjM3NSwxNy42NjMtMzkuMzc1LDM5LjM3NSAgIFM0MDIuNzg5LDIyNS41MjcsNDI0LjUwMSwyMjUuNTI3eiBNNDI0LjUwMSwxNzYuNzc3YzUuMTY5LDAsOS4zNzUsNC4yMDYsOS4zNzUsOS4zNzVzLTQuMjA2LDkuMzc1LTkuMzc1LDkuMzc1ICAgcy05LjM3NS00LjIwNi05LjM3NS05LjM3NVM0MTkuMzMyLDE3Ni43NzcsNDI0LjUwMSwxNzYuNzc3eiIvPgoJPHBhdGggZD0iTTQyNC41MDEsMzIzLjQwM2MyMS43MTIsMCwzOS4zNzUtMTcuNjYzLDM5LjM3NS0zOS4zNzVzLTE3LjY2My0zOS4zNzUtMzkuMzc1LTM5LjM3NXMtMzkuMzc1LDE3LjY2My0zOS4zNzUsMzkuMzc1ICAgUzQwMi43ODksMzIzLjQwMyw0MjQuNTAxLDMyMy40MDN6IE00MjQuNTAxLDI3NC42NTNjNS4xNjksMCw5LjM3NSw0LjIwNiw5LjM3NSw5LjM3NXMtNC4yMDYsOS4zNzUtOS4zNzUsOS4zNzUgICBzLTkuMzc1LTQuMjA2LTkuMzc1LTkuMzc1UzQxOS4zMzIsMjc0LjY1Myw0MjQuNTAxLDI3NC42NTN6Ii8+Cgk8cGF0aCBkPSJNMzQ2LjE5NCwzNzguNjFoLTEwLjU4NVYyMTYuMzhjMC04LjI4NC02LjcxNi0xNS0xNS0xNUgxODIuNDQ1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djE2Mi4yM0gxNTYuODYgICBjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2NzUuNDE3YzAsOC4yODQsNi43MTYsMTUsMTUsMTVoMTg5LjMzNGM4LjI4NCwwLDE1LTYuNzE2LDE1LTE1VjM5My42MSAgIEMzNjEuMTk0LDM4NS4zMjYsMzU0LjQ3OSwzNzguNjEsMzQ2LjE5NCwzNzguNjF6IE0xOTcuNDQ1LDIzMS4zOGgxMDguMTY0djE0Ny4yM0gxOTcuNDQ1VjIzMS4zOHogTTMzMS4xOTQsNDU0LjAyN0gxNzEuODZWNDA4LjYxICAgYzQuOTU4LDAsMTU1LjEzMiwwLDE1OS4zMzQsMFY0NTQuMDI3eiIvPgoJPHBhdGggZD0iTTI0OS43NzcsNDQ2LjMxOWg1Mi43NWM4LjI4NCwwLDE1LTYuNzE2LDE1LTE1cy02LjcxNi0xNS0xNS0xNWgtNTIuNzVjLTguMjg0LDAtMTUsNi43MTYtMTUsMTUgICBTMjQxLjQ5Myw0NDYuMzE5LDI0OS43NzcsNDQ2LjMxOXoiLz4KCTxwYXRoIGQ9Ik0yMDguODA0LDE4NS42MDZjMTkuOTU1LDAsMzYuMTg5LTE2LjIzNCwzNi4xODktMzYuMTg5di00OS4wOThoNDkuNzAxdjEzLjQ0OWMtMi4wMTMtMC4zNDktNC4wNzktMC41NDEtNi4xODktMC41NDEgICBjLTE5Ljk1NSwwLTM2LjE4OSwxNi4yMzQtMzYuMTg5LDM2LjE4OXMxNi4yMzQsMzYuMTg5LDM2LjE4OSwzNi4xODlzMzYuMTg5LTE2LjIzNCwzNi4xODktMzYuMTg5VjQ2LjY1MmMwLTguMjg0LTYuNzE2LTE1LTE1LTE1ICAgaC03OS43MDFjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2NjcuMTE2Yy0yLjAxMy0wLjM0OS00LjA3OS0wLjU0MS02LjE4OS0wLjU0MWMtMTkuOTU1LDAtMzYuMTg5LDE2LjIzNC0zNi4xODksMzYuMTg5ICAgUzE4OC44NDksMTg1LjYwNiwyMDguODA0LDE4NS42MDZ6IE0yODguNTA1LDE1NS42MDZjLTMuNDEzLDAtNi4xODktMi43NzYtNi4xODktNi4xODlzMi43NzYtNi4xODksNi4xODktNi4xODkgICBzNi4xODksMi43NzYsNi4xODksNi4xODlTMjkxLjkxOCwxNTUuNjA2LDI4OC41MDUsMTU1LjYwNnogTTI0NC45OTMsNjEuNjUyaDQ5LjcwMXY4LjY2N2gtNDkuNzAxVjYxLjY1MnogTTIwOC44MDQsMTQzLjIyOCAgIGMzLjQxMywwLDYuMTg5LDIuNzc2LDYuMTg5LDYuMTg5cy0yLjc3Niw2LjE4OS02LjE4OSw2LjE4OXMtNi4xODktMi43NzYtNi4xODktNi4xODlTMjA1LjM5MSwxNDMuMjI4LDIwOC44MDQsMTQzLjIyOHoiLz4KPC9nPgoKCgoKCgoKCgoKCgoKCgo8L3N2Zz4K"

und im Icon Stil:

{
  "true": {
    "color": "var(--highlight_green)"
  },
  "default": {
    "color": "#ffffb3"
  }
}

Trotzdem bleibt das Icon schwarz.

Oder hier ein SVG eines Echo Dot (klick auf freie Fläche)

welches es weder iconify noch materialicons gibt. Das hat im Code keine Farbevorgabe, ich bekomme es aber als base64 auch nicht mit Icon Stil und color umgefärbt.

MCU

@diginix
Schick mir mal bitte den SVG-Code vom unteren Bild. Hab ich schon.

Ich geh da mal auf Forschungsreise, melde mich dazu dann.

? Offline

Ist es eigentlich möglich ohne größere Probleme auf die Version 3 zu gehen ohne dabei von vorne anfangen zu müssen?

Diginix

@mcu Hier trotzdem noch mal der SVG Code vom Echo Dot:

<svg height="512pt" viewBox="-12 0 511 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m85.832031 247.464844h-34.132812c-4.710938 0-8.53125 3.824218-8.53125 8.535156s3.820312 8.535156 8.53125 8.535156h34.132812c4.714844 0 8.535157-3.824218 8.535157-8.535156s-3.820313-8.535156-8.535157-8.535156zm0 0"/><path d="m410.101562 247.464844h-34.136718c-4.710938 0-8.53125 3.824218-8.53125 8.535156s3.820312 8.535156 8.53125 8.535156h34.136718c4.710938 0 8.53125-3.824218 8.53125-8.535156s-3.820312-8.535156-8.53125-8.535156zm0 0"/><path d="m435.699219 0h-238.933594c-28.261719.03125-51.167969 22.9375-51.199219 51.199219v119.46875c.015625 4.574219.648438 9.125 1.878906 13.53125-73.015624 8.949219-146.945312 31.988281-146.945312 71.800781v179.199219c0 49.882812 118.707031 76.800781 230.398438 76.800781 5.34375 0 10.699218-.085938 16.058593-.203125.332031.089844.667969.15625 1.007813.203125.429687-.050781.851562-.136719 1.265625-.257812 10.679687-.277344 21.359375-.796876 31.9375-1.558594.304687.085937.617187.148437.933593.195312.664063-.050781 1.320313-.183594 1.953126-.394531 10.726562-.816406 21.328124-1.886719 31.699218-3.195313.171875.011719.308594.097657.480469.097657.777344-.046875 1.542969-.199219 2.277344-.460938 10.855469-1.417969 21.4375-3.101562 31.617187-5.054687.085938 0 .152344.050781.238282.050781 1.191406-.007813 2.367187-.265625 3.453124-.761719 11.453126-2.289062 22.355469-4.925781 32.527344-7.886718.613282-.105469 1.214844-.277344 1.792969-.511719 11.4375-3.320313 22.597656-7.527344 33.378906-12.585938.355469-.140625.703125-.304687 1.039063-.496093 23.96875-11.699219 38.742187-26.40625 38.742187-43.980469v-179.199219c0-9.429688-4.542969-21.84375-22.21875-34.304688 26.878907-1.789062 47.777344-24.09375 47.816407-51.027343v-119.46875c-.03125-28.261719-22.933594-51.167969-51.199219-51.199219zm8.535156 307.542969c-41.652344 26.535156-120.746094 42.324219-213.335937 42.324219-92.585938 0-171.679688-15.789063-213.332032-42.324219v-21.078125c36.738282 30.277344 127.101563 46.335937 213.332032 46.335937 86.234374 0 176.597656-16.058593 213.335937-46.332031zm-17.066406 149.8125v-30.519531c0-4.710938-3.820313-8.53125-8.535157-8.53125-4.710937 0-8.53125 3.820312-8.53125 8.53125v39.582031c-5.15625 2.273437-10.875 4.464843-17.066406 6.5625v-29.078125c0-4.710938-3.824218-8.53125-8.535156-8.53125s-8.535156 3.820312-8.535156 8.53125v34.257812c-5.410156 1.46875-11.109375 2.863282-17.066406 4.179688v-29.902344c0-4.714844-3.820313-8.535156-8.53125-8.535156-4.714844 0-8.535157 3.820312-8.535157 8.535156v33.316406c-5.511719.992188-11.199219 1.917969-17.066406 2.773438v-27.558594c0-4.710938-3.820313-8.53125-8.53125-8.53125-4.714844 0-8.535156 3.820312-8.535156 8.53125v29.777344c-5.546875.632812-11.257813 1.1875-17.066407 1.683594v-22.925782c0-4.710937-3.820312-8.535156-8.53125-8.535156-4.714843 0-8.535156 3.824219-8.535156 8.535156v24.167969c-5.589844.335937-11.277344.601563-17.066406.808594v-24.976563c0-4.710937-3.820312-8.535156-8.535156-8.535156-4.710938 0-8.53125 3.824219-8.53125 8.535156v25.367188c-2.832032.03125-5.664063.066406-8.535156.066406-125.71875 0-213.332032-31.488281-213.332032-59.734375v-107.777344c64.554688 35.441407 169.164063 39.507813 213.332032 39.507813 44.171874 0 148.78125-4.066406 213.335937-39.507813v107.773438c0 7.371093-6.015625 14.960937-17.066406 22.15625zm-196.269531-141.621094c-125.71875 0-213.332032-31.488281-213.332032-59.734375 0-19.671875 48.269532-45.484375 137.667969-55.503906 9.589844 13.398437 25.054687 21.355468 41.53125 21.371094h56.429687l-19.914062 59.734374h-19.449219c-4.710937 0-8.53125 3.820313-8.53125 8.53125 0 4.714844 3.820313 8.535157 8.53125 8.535157h34.132813c4.417968-.023438 8.070312-3.4375 8.394531-7.839844l130.261719-68.960937h15.726562c26.601563 10.4375 41.886719 22.832031 41.886719 34.132812 0 28.25-87.613281 59.734375-213.335937 59.734375zm238.933593-145.066406c-.019531 18.84375-15.289062 34.113281-34.132812 34.132812h-51.199219c-1.390625 0-2.761719.339844-3.992188.992188l-126.246093 66.832031 18.867187-56.589844c.867188-2.605468.433594-5.464844-1.171875-7.691406s-4.179687-3.542969-6.921875-3.542969h-68.269531c-18.84375-.019531-34.113281-15.289062-34.132813-34.132812v-119.46875c.019532-18.84375 15.289063-34.113281 34.132813-34.132813h238.933594c18.84375.019532 34.113281 15.289063 34.132812 34.132813zm0 0"/><path d="m367.433594 68.265625c-4.714844 0-8.535156 3.820313-8.535156 8.535156v68.265625c0 4.714844 3.820312 8.535156 8.535156 8.535156 4.710937 0 8.53125-3.820312 8.53125-8.535156v-68.265625c0-4.714843-3.820313-8.535156-8.53125-8.535156zm0 0"/><path d="m265.035156 68.265625c-4.714844 0-8.535156 3.820313-8.535156 8.535156v68.265625c0 4.714844 3.820312 8.535156 8.535156 8.535156 4.710938 0 8.53125-3.820312 8.53125-8.535156v-68.265625c0-4.714843-3.820312-8.535156-8.53125-8.535156zm0 0"/><path d="m333.300781 34.132812c-4.714843 0-8.535156 3.820313-8.535156 8.535157v145.066406c0 4.710937 3.820313 8.53125 8.535156 8.53125 4.710938 0 8.53125-3.820313 8.53125-8.53125v-145.066406c0-4.714844-3.820312-8.535157-8.53125-8.535157zm0 0"/><path d="m299.167969 34.132812c-4.714844 0-8.535157 3.820313-8.535157 8.535157v145.066406c0 4.710937 3.820313 8.53125 8.535157 8.53125 4.710937 0 8.53125-3.820313 8.53125-8.53125v-145.066406c0-4.714844-3.820313-8.535157-8.53125-8.535157zm0 0"/><path d="m230.898438 93.867188c-4.710938 0-8.53125 3.820312-8.53125 8.53125v17.066406c0 4.714844 3.820312 8.535156 8.53125 8.535156 4.714843 0 8.535156-3.820312 8.535156-8.535156v-17.066406c0-4.710938-3.820313-8.53125-8.535156-8.53125zm0 0"/><path d="m196.765625 76.800781c-4.710937 0-8.53125 3.820313-8.53125 8.53125v51.203125c0 4.710938 3.820313 8.53125 8.53125 8.53125 4.714844 0 8.535156-3.820312 8.535156-8.53125v-51.203125c0-4.710937-3.820312-8.53125-8.535156-8.53125zm0 0"/><path d="m435.699219 76.800781c-4.710938 0-8.53125 3.820313-8.53125 8.53125v51.203125c0 4.710938 3.820312 8.53125 8.53125 8.53125 4.714843 0 8.535156-3.820312 8.535156-8.53125v-51.203125c0-4.710937-3.820313-8.53125-8.535156-8.53125zm0 0"/><path d="m401.566406 93.867188c-4.710937 0-8.53125 3.820312-8.53125 8.53125v17.066406c0 4.714844 3.820313 8.535156 8.53125 8.535156 4.714844 0 8.535156-3.820312 8.535156-8.535156v-17.066406c0-4.710938-3.820312-8.53125-8.535156-8.53125zm0 0"/></svg>

Fast alle Icons die mir fehlen weil es sie nicht bei iconify gibt, hab ich als solche SVG.
Aber ich möchte die ungern mit hart codierter Farbe in Jarvis einfügen.
Mit color im Icon Stil wäre es ok, weil ich da dann eine root Variable nutzen kann ohne den SVG base64 Code später anfassen zu müssen.
Ich danke dir schon mal für deine Mühen und deine bisherigen Hilfestellungen. So macht das Arbeiten mit Jarvis echt Spaß!

MCU

@noah3112 Derzeitig nicht empfehlenswert.

Renegade 0

So, mit dem Screensaver geht grad mal nix weiter.

Nachstes Thema ;) :
Ich habe auf meinem Raspi auch einen Sip-Client integriert, welcher über ioBroker steuerbar ist. Jetzt hätte ich gerne eine Notification gebastelt, in der steht "Anruf von ..." und 2 Buttons mit annehmen oder ablehnen/auflegen. Ist das in der aktuellen 2.23 möglich?

? Offline

@mcu Alles klar...Danke für die Info :-)

MCU

@renegade-0 Ja. Wie sind die Objekte für Annehmen und Auflegen? tr-064....?

MCU

@diginix Wie stellst du die SVG-Icons in jarvis ein, in einem Gerät? Nur als base64 image?

Diginix

@mcu Ja, hab die SVG zB hier hochgeladen und nach Data URI konvertiert: https://base64.guru/converter/encode/image/svg

base64 für die Echo Dot SVG:

data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMnB0IiB2aWV3Qm94PSItMTIgMCA1MTEgNTEyIiB3aWR0aD0iNTEycHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTg1LjgzMjAzMSAyNDcuNDY0ODQ0aC0zNC4xMzI4MTJjLTQuNzEwOTM4IDAtOC41MzEyNSAzLjgyNDIxOC04LjUzMTI1IDguNTM1MTU2czMuODIwMzEyIDguNTM1MTU2IDguNTMxMjUgOC41MzUxNTZoMzQuMTMyODEyYzQuNzE0ODQ0IDAgOC41MzUxNTctMy44MjQyMTggOC41MzUxNTctOC41MzUxNTZzLTMuODIwMzEzLTguNTM1MTU2LTguNTM1MTU3LTguNTM1MTU2em0wIDAiLz48cGF0aCBkPSJtNDEwLjEwMTU2MiAyNDcuNDY0ODQ0aC0zNC4xMzY3MThjLTQuNzEwOTM4IDAtOC41MzEyNSAzLjgyNDIxOC04LjUzMTI1IDguNTM1MTU2czMuODIwMzEyIDguNTM1MTU2IDguNTMxMjUgOC41MzUxNTZoMzQuMTM2NzE4YzQuNzEwOTM4IDAgOC41MzEyNS0zLjgyNDIxOCA4LjUzMTI1LTguNTM1MTU2cy0zLjgyMDMxMi04LjUzNTE1Ni04LjUzMTI1LTguNTM1MTU2em0wIDAiLz48cGF0aCBkPSJtNDM1LjY5OTIxOSAwaC0yMzguOTMzNTk0Yy0yOC4yNjE3MTkuMDMxMjUtNTEuMTY3OTY5IDIyLjkzNzUtNTEuMTk5MjE5IDUxLjE5OTIxOXYxMTkuNDY4NzVjLjAxNTYyNSA0LjU3NDIxOS42NDg0MzggOS4xMjUgMS44Nzg5MDYgMTMuNTMxMjUtNzMuMDE1NjI0IDguOTQ5MjE5LTE0Ni45NDUzMTIgMzEuOTg4MjgxLTE0Ni45NDUzMTIgNzEuODAwNzgxdjE3OS4xOTkyMTljMCA0OS44ODI4MTIgMTE4LjcwNzAzMSA3Ni44MDA3ODEgMjMwLjM5ODQzOCA3Ni44MDA3ODEgNS4zNDM3NSAwIDEwLjY5OTIxOC0uMDg1OTM4IDE2LjA1ODU5My0uMjAzMTI1LjMzMjAzMS4wODk4NDQuNjY3OTY5LjE1NjI1IDEuMDA3ODEzLjIwMzEyNS40Mjk2ODctLjA1MDc4MS44NTE1NjItLjEzNjcxOSAxLjI2NTYyNS0uMjU3ODEyIDEwLjY3OTY4Ny0uMjc3MzQ0IDIxLjM1OTM3NS0uNzk2ODc2IDMxLjkzNzUtMS41NTg1OTQuMzA0Njg3LjA4NTkzNy42MTcxODcuMTQ4NDM3LjkzMzU5My4xOTUzMTIuNjY0MDYzLS4wNTA3ODEgMS4zMjAzMTMtLjE4MzU5NCAxLjk1MzEyNi0uMzk0NTMxIDEwLjcyNjU2Mi0uODE2NDA2IDIxLjMyODEyNC0xLjg4NjcxOSAzMS42OTkyMTgtMy4xOTUzMTMuMTcxODc1LjAxMTcxOS4zMDg1OTQuMDk3NjU3LjQ4MDQ2OS4wOTc2NTcuNzc3MzQ0LS4wNDY4NzUgMS41NDI5NjktLjE5OTIxOSAyLjI3NzM0NC0uNDYwOTM4IDEwLjg1NTQ2OS0xLjQxNzk2OSAyMS40Mzc1LTMuMTAxNTYyIDMxLjYxNzE4Ny01LjA1NDY4Ny4wODU5MzggMCAuMTUyMzQ0LjA1MDc4MS4yMzgyODIuMDUwNzgxIDEuMTkxNDA2LS4wMDc4MTMgMi4zNjcxODctLjI2NTYyNSAzLjQ1MzEyNC0uNzYxNzE5IDExLjQ1MzEyNi0yLjI4OTA2MiAyMi4zNTU0NjktNC45MjU3ODEgMzIuNTI3MzQ0LTcuODg2NzE4LjYxMzI4Mi0uMTA1NDY5IDEuMjE0ODQ0LS4yNzczNDQgMS43OTI5NjktLjUxMTcxOSAxMS40Mzc1LTMuMzIwMzEzIDIyLjU5NzY1Ni03LjUyNzM0NCAzMy4zNzg5MDYtMTIuNTg1OTM4LjM1NTQ2OS0uMTQwNjI1LjcwMzEyNS0uMzA0Njg3IDEuMDM5MDYzLS40OTYwOTMgMjMuOTY4NzUtMTEuNjk5MjE5IDM4Ljc0MjE4Ny0yNi40MDYyNSAzOC43NDIxODctNDMuOTgwNDY5di0xNzkuMTk5MjE5YzAtOS40Mjk2ODgtNC41NDI5NjktMjEuODQzNzUtMjIuMjE4NzUtMzQuMzA0Njg4IDI2Ljg3ODkwNy0xLjc4OTA2MiA0Ny43NzczNDQtMjQuMDkzNzUgNDcuODE2NDA3LTUxLjAyNzM0M3YtMTE5LjQ2ODc1Yy0uMDMxMjUtMjguMjYxNzE5LTIyLjkzMzU5NC01MS4xNjc5NjktNTEuMTk5MjE5LTUxLjE5OTIxOXptOC41MzUxNTYgMzA3LjU0Mjk2OWMtNDEuNjUyMzQ0IDI2LjUzNTE1Ni0xMjAuNzQ2MDk0IDQyLjMyNDIxOS0yMTMuMzM1OTM3IDQyLjMyNDIxOS05Mi41ODU5MzggMC0xNzEuNjc5Njg4LTE1Ljc4OTA2My0yMTMuMzMyMDMyLTQyLjMyNDIxOXYtMjEuMDc4MTI1YzM2LjczODI4MiAzMC4yNzczNDQgMTI3LjEwMTU2MyA0Ni4zMzU5MzcgMjEzLjMzMjAzMiA0Ni4zMzU5MzcgODYuMjM0Mzc0IDAgMTc2LjU5NzY1Ni0xNi4wNTg1OTMgMjEzLjMzNTkzNy00Ni4zMzIwMzF6bS0xNy4wNjY0MDYgMTQ5LjgxMjV2LTMwLjUxOTUzMWMwLTQuNzEwOTM4LTMuODIwMzEzLTguNTMxMjUtOC41MzUxNTctOC41MzEyNS00LjcxMDkzNyAwLTguNTMxMjUgMy44MjAzMTItOC41MzEyNSA4LjUzMTI1djM5LjU4MjAzMWMtNS4xNTYyNSAyLjI3MzQzNy0xMC44NzUgNC40NjQ4NDMtMTcuMDY2NDA2IDYuNTYyNXYtMjkuMDc4MTI1YzAtNC43MTA5MzgtMy44MjQyMTgtOC41MzEyNS04LjUzNTE1Ni04LjUzMTI1cy04LjUzNTE1NiAzLjgyMDMxMi04LjUzNTE1NiA4LjUzMTI1djM0LjI1NzgxMmMtNS40MTAxNTYgMS40Njg3NS0xMS4xMDkzNzUgMi44NjMyODItMTcuMDY2NDA2IDQuMTc5Njg4di0yOS45MDIzNDRjMC00LjcxNDg0NC0zLjgyMDMxMy04LjUzNTE1Ni04LjUzMTI1LTguNTM1MTU2LTQuNzE0ODQ0IDAtOC41MzUxNTcgMy44MjAzMTItOC41MzUxNTcgOC41MzUxNTZ2MzMuMzE2NDA2Yy01LjUxMTcxOS45OTIxODgtMTEuMTk5MjE5IDEuOTE3OTY5LTE3LjA2NjQwNiAyLjc3MzQzOHYtMjcuNTU4NTk0YzAtNC43MTA5MzgtMy44MjAzMTMtOC41MzEyNS04LjUzMTI1LTguNTMxMjUtNC43MTQ4NDQgMC04LjUzNTE1NiAzLjgyMDMxMi04LjUzNTE1NiA4LjUzMTI1djI5Ljc3NzM0NGMtNS41NDY4NzUuNjMyODEyLTExLjI1NzgxMyAxLjE4NzUtMTcuMDY2NDA3IDEuNjgzNTk0di0yMi45MjU3ODJjMC00LjcxMDkzNy0zLjgyMDMxMi04LjUzNTE1Ni04LjUzMTI1LTguNTM1MTU2LTQuNzE0ODQzIDAtOC41MzUxNTYgMy44MjQyMTktOC41MzUxNTYgOC41MzUxNTZ2MjQuMTY3OTY5Yy01LjU4OTg0NC4zMzU5MzctMTEuMjc3MzQ0LjYwMTU2My0xNy4wNjY0MDYuODA4NTk0di0yNC45NzY1NjNjMC00LjcxMDkzNy0zLjgyMDMxMi04LjUzNTE1Ni04LjUzNTE1Ni04LjUzNTE1Ni00LjcxMDkzOCAwLTguNTMxMjUgMy44MjQyMTktOC41MzEyNSA4LjUzNTE1NnYyNS4zNjcxODhjLTIuODMyMDMyLjAzMTI1LTUuNjY0MDYzLjA2NjQwNi04LjUzNTE1Ni4wNjY0MDYtMTI1LjcxODc1IDAtMjEzLjMzMjAzMi0zMS40ODgyODEtMjEzLjMzMjAzMi01OS43MzQzNzV2LTEwNy43NzczNDRjNjQuNTU0Njg4IDM1LjQ0MTQwNyAxNjkuMTY0MDYzIDM5LjUwNzgxMyAyMTMuMzMyMDMyIDM5LjUwNzgxMyA0NC4xNzE4NzQgMCAxNDguNzgxMjUtNC4wNjY0MDYgMjEzLjMzNTkzNy0zOS41MDc4MTN2MTA3Ljc3MzQzOGMwIDcuMzcxMDkzLTYuMDE1NjI1IDE0Ljk2MDkzNy0xNy4wNjY0MDYgMjIuMTU2MjV6bS0xOTYuMjY5NTMxLTE0MS42MjEwOTRjLTEyNS43MTg3NSAwLTIxMy4zMzIwMzItMzEuNDg4MjgxLTIxMy4zMzIwMzItNTkuNzM0Mzc1IDAtMTkuNjcxODc1IDQ4LjI2OTUzMi00NS40ODQzNzUgMTM3LjY2Nzk2OS01NS41MDM5MDYgOS41ODk4NDQgMTMuMzk4NDM3IDI1LjA1NDY4NyAyMS4zNTU0NjggNDEuNTMxMjUgMjEuMzcxMDk0aDU2LjQyOTY4N2wtMTkuOTE0MDYyIDU5LjczNDM3NGgtMTkuNDQ5MjE5Yy00LjcxMDkzNyAwLTguNTMxMjUgMy44MjAzMTMtOC41MzEyNSA4LjUzMTI1IDAgNC43MTQ4NDQgMy44MjAzMTMgOC41MzUxNTcgOC41MzEyNSA4LjUzNTE1N2gzNC4xMzI4MTNjNC40MTc5NjgtLjAyMzQzOCA4LjA3MDMxMi0zLjQzNzUgOC4zOTQ1MzEtNy44Mzk4NDRsMTMwLjI2MTcxOS02OC45NjA5MzdoMTUuNzI2NTYyYzI2LjYwMTU2MyAxMC40Mzc1IDQxLjg4NjcxOSAyMi44MzIwMzEgNDEuODg2NzE5IDM0LjEzMjgxMiAwIDI4LjI1LTg3LjYxMzI4MSA1OS43MzQzNzUtMjEzLjMzNTkzNyA1OS43MzQzNzV6bTIzOC45MzM1OTMtMTQ1LjA2NjQwNmMtLjAxOTUzMSAxOC44NDM3NS0xNS4yODkwNjIgMzQuMTEzMjgxLTM0LjEzMjgxMiAzNC4xMzI4MTJoLTUxLjE5OTIxOWMtMS4zOTA2MjUgMC0yLjc2MTcxOS4zMzk4NDQtMy45OTIxODguOTkyMTg4bC0xMjYuMjQ2MDkzIDY2LjgzMjAzMSAxOC44NjcxODctNTYuNTg5ODQ0Yy44NjcxODgtMi42MDU0NjguNDMzNTk0LTUuNDY0ODQ0LTEuMTcxODc1LTcuNjkxNDA2cy00LjE3OTY4Ny0zLjU0Mjk2OS02LjkyMTg3NS0zLjU0Mjk2OWgtNjguMjY5NTMxYy0xOC44NDM3NS0uMDE5NTMxLTM0LjExMzI4MS0xNS4yODkwNjItMzQuMTMyODEzLTM0LjEzMjgxMnYtMTE5LjQ2ODc1Yy4wMTk1MzItMTguODQzNzUgMTUuMjg5MDYzLTM0LjExMzI4MSAzNC4xMzI4MTMtMzQuMTMyODEzaDIzOC45MzM1OTRjMTguODQzNzUuMDE5NTMyIDM0LjExMzI4MSAxNS4yODkwNjMgMzQuMTMyODEyIDM0LjEzMjgxM3ptMCAwIi8+PHBhdGggZD0ibTM2Ny40MzM1OTQgNjguMjY1NjI1Yy00LjcxNDg0NCAwLTguNTM1MTU2IDMuODIwMzEzLTguNTM1MTU2IDguNTM1MTU2djY4LjI2NTYyNWMwIDQuNzE0ODQ0IDMuODIwMzEyIDguNTM1MTU2IDguNTM1MTU2IDguNTM1MTU2IDQuNzEwOTM3IDAgOC41MzEyNS0zLjgyMDMxMiA4LjUzMTI1LTguNTM1MTU2di02OC4yNjU2MjVjMC00LjcxNDg0My0zLjgyMDMxMy04LjUzNTE1Ni04LjUzMTI1LTguNTM1MTU2em0wIDAiLz48cGF0aCBkPSJtMjY1LjAzNTE1NiA2OC4yNjU2MjVjLTQuNzE0ODQ0IDAtOC41MzUxNTYgMy44MjAzMTMtOC41MzUxNTYgOC41MzUxNTZ2NjguMjY1NjI1YzAgNC43MTQ4NDQgMy44MjAzMTIgOC41MzUxNTYgOC41MzUxNTYgOC41MzUxNTYgNC43MTA5MzggMCA4LjUzMTI1LTMuODIwMzEyIDguNTMxMjUtOC41MzUxNTZ2LTY4LjI2NTYyNWMwLTQuNzE0ODQzLTMuODIwMzEyLTguNTM1MTU2LTguNTMxMjUtOC41MzUxNTZ6bTAgMCIvPjxwYXRoIGQ9Im0zMzMuMzAwNzgxIDM0LjEzMjgxMmMtNC43MTQ4NDMgMC04LjUzNTE1NiAzLjgyMDMxMy04LjUzNTE1NiA4LjUzNTE1N3YxNDUuMDY2NDA2YzAgNC43MTA5MzcgMy44MjAzMTMgOC41MzEyNSA4LjUzNTE1NiA4LjUzMTI1IDQuNzEwOTM4IDAgOC41MzEyNS0zLjgyMDMxMyA4LjUzMTI1LTguNTMxMjV2LTE0NS4wNjY0MDZjMC00LjcxNDg0NC0zLjgyMDMxMi04LjUzNTE1Ny04LjUzMTI1LTguNTM1MTU3em0wIDAiLz48cGF0aCBkPSJtMjk5LjE2Nzk2OSAzNC4xMzI4MTJjLTQuNzE0ODQ0IDAtOC41MzUxNTcgMy44MjAzMTMtOC41MzUxNTcgOC41MzUxNTd2MTQ1LjA2NjQwNmMwIDQuNzEwOTM3IDMuODIwMzEzIDguNTMxMjUgOC41MzUxNTcgOC41MzEyNSA0LjcxMDkzNyAwIDguNTMxMjUtMy44MjAzMTMgOC41MzEyNS04LjUzMTI1di0xNDUuMDY2NDA2YzAtNC43MTQ4NDQtMy44MjAzMTMtOC41MzUxNTctOC41MzEyNS04LjUzNTE1N3ptMCAwIi8+PHBhdGggZD0ibTIzMC44OTg0MzggOTMuODY3MTg4Yy00LjcxMDkzOCAwLTguNTMxMjUgMy44MjAzMTItOC41MzEyNSA4LjUzMTI1djE3LjA2NjQwNmMwIDQuNzE0ODQ0IDMuODIwMzEyIDguNTM1MTU2IDguNTMxMjUgOC41MzUxNTYgNC43MTQ4NDMgMCA4LjUzNTE1Ni0zLjgyMDMxMiA4LjUzNTE1Ni04LjUzNTE1NnYtMTcuMDY2NDA2YzAtNC43MTA5MzgtMy44MjAzMTMtOC41MzEyNS04LjUzNTE1Ni04LjUzMTI1em0wIDAiLz48cGF0aCBkPSJtMTk2Ljc2NTYyNSA3Ni44MDA3ODFjLTQuNzEwOTM3IDAtOC41MzEyNSAzLjgyMDMxMy04LjUzMTI1IDguNTMxMjV2NTEuMjAzMTI1YzAgNC43MTA5MzggMy44MjAzMTMgOC41MzEyNSA4LjUzMTI1IDguNTMxMjUgNC43MTQ4NDQgMCA4LjUzNTE1Ni0zLjgyMDMxMiA4LjUzNTE1Ni04LjUzMTI1di01MS4yMDMxMjVjMC00LjcxMDkzNy0zLjgyMDMxMi04LjUzMTI1LTguNTM1MTU2LTguNTMxMjV6bTAgMCIvPjxwYXRoIGQ9Im00MzUuNjk5MjE5IDc2LjgwMDc4MWMtNC43MTA5MzggMC04LjUzMTI1IDMuODIwMzEzLTguNTMxMjUgOC41MzEyNXY1MS4yMDMxMjVjMCA0LjcxMDkzOCAzLjgyMDMxMiA4LjUzMTI1IDguNTMxMjUgOC41MzEyNSA0LjcxNDg0MyAwIDguNTM1MTU2LTMuODIwMzEyIDguNTM1MTU2LTguNTMxMjV2LTUxLjIwMzEyNWMwLTQuNzEwOTM3LTMuODIwMzEzLTguNTMxMjUtOC41MzUxNTYtOC41MzEyNXptMCAwIi8+PHBhdGggZD0ibTQwMS41NjY0MDYgOTMuODY3MTg4Yy00LjcxMDkzNyAwLTguNTMxMjUgMy44MjAzMTItOC41MzEyNSA4LjUzMTI1djE3LjA2NjQwNmMwIDQuNzE0ODQ0IDMuODIwMzEzIDguNTM1MTU2IDguNTMxMjUgOC41MzUxNTYgNC43MTQ4NDQgMCA4LjUzNTE1Ni0zLjgyMDMxMiA4LjUzNTE1Ni04LjUzNTE1NnYtMTcuMDY2NDA2YzAtNC43MTA5MzgtMy44MjAzMTItOC41MzEyNS04LjUzNTE1Ni04LjUzMTI1em0wIDAiLz48L3N2Zz4=

Und das habe ich im Geräte beim Icon eingefügt und dann gehofft dass ich über Icon Stil per CSS color die Farbe steuern kann.

Renegade 0

@mcu
nope, sind true/false variablen. Die senden über node red einen mqtt-Befehl ab.

Community Forum

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

740

32.4k

81.5k

1.3m