Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Stephan Schleich]

Hallo zusammen,

Ich hab das Problem das beim View Popup die Hintergrundfarbe immer weiß ist.
`Stellt man von element.style {background: black;} auf element.style {background: black !important;} um, funktioniert es, ist dies ein Fehler im Widget oder bei mir irgendwo?

[Glasfaser]

@Stephan-Schleich

ist kein Fehler , der Popup Hintergrund ist abhängig vom Thema und CSS .

[Stephan Schleich]

Tatsache, nimm ich das @Uhula CSS Script raus geht's, evtl. kann er kurz sagen woran es liegt.
Ich nutze nur das Script ohne MD/Simple Projekt.

[Uhula]

@Stephan-Schleich sagte in Vis Popup/Dialog Fehler:

Tatsache, nimm ich das @Uhula CSS Script raus geht's, evtl. kann er kurz sagen woran es liegt.
Ich nutze nur das Script ohne MD/Simple Projekt.

Das liegt am MDCCS, denn es sorgt konsequent je nach gewähltem light/dark Thema für das Einfärben auch der Dialoge. Wenn du das nicht möchtest, kannst du im CSS alles auskommentieren, was mit ui-dialog zu tun hat.

/* -----
   Dialog
   ----- */
#ui-datepicker-div {
  z-index: 2147483645 !important;
}   
.mdui-runtime .ui-dialog {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62);
  border:none;
  background: var(--content-background) !important;
  border-radius:2px;
  position:absolute;
}
.mdui-runtime .mdui-dark.ui-dialog {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 14px 28px rgba(0,0,0,0.87), 0 10px 10px rgba(0,0,0,1), 0 0 0 1000px rgba(255,255,255,.24) inset;
}

[Stephan Schleich]

@Uhula sagte in Vis Popup/Dialog Fehler:

box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62);

Danke für die schnelle Rückmeldung, ich nutze das Light-Theme mit stets schwarzem Hintergrund, dies hab ich oben auch definiert (--content-background: #000000), gibts für den Popuphintergrund auch eine Variable oder bleibt mir echt nur das Auskommentieren?

/* (3) Umschalten vis-Edit light/dark Theme */
:root {
  /* Design-time light-Theme */
  --content-background: #000000;
  --design-font-color: #ffffff;
  --design-hint-background: #0000ff;
  --design-hint-color: #ffffff;
  --design-grid: #8080ff;
  --frame-color:#cfcfcf;
  --frame-color-dark:#707070;
  --design-fontsize : 0.9em;

  /* Design-time dark-Theme */
  /* FÜR DAS DARK_THEME DIESE ZEILE LÖSCHEN     
  --content-background: #303030;
  --design-font-color: #ffffff;
  --design-hint-background: #ff8000;
  --design-hint-color: #ffffff;
  --design-grid: #ffffff;
  --frame-color:#707070;
  --frame-color-dark:#707070;
  --design-fontsize : 0.9em;
  FÜR DAS DARK_THEME DIESE ZEILE LÖSCHEN */
}

[Uhula]

@Stephan-Schleich Die box-shadow Anweisung ist es nicht, die sorgt nur für den Schatten drum herum. Es ist die background: var(--content-background) !important; Zeile - in der wird aber schon die aktuelle content-background-Farbe. Ich vermute, du hast content-background in der CSS direkt gesetzt, damit gilt es zur Designzeit, aber nicht auch zur Laufzeit. Denn zur Laufzeit wird ein Script ausgeführt, welches beim Viewwechsel (page-Wechsel) die Werte aus einem mdui-config Widget holt und verwendet. Siehe im MD_Demo im View abar dir das unterste mdui-config Widget an.

Also, normales HTML Widget verwenden, unter CSS mdui-config zuweisen und als HTML dann

"primary_color":"#000000",
"abar_color":"#121212",
"tnav_color":"#000000",
"bnav_color":"#000000",
"lnav_color":"#000000",
"rnav_color":"#000000",
"secondary_color":"amber",
"content_color":"#121212",
"lnav_fixed_width":"640",
"lnav_fixed_open":"true"
"color1":"",
"color1_dark":"",
"color2":"",
"color2_dark":"",
"color3":"",
"color3_dark":""

Muss auf jedem page-View sein, oder in einem View, welches in jedem importiert wird.

Es ist immer nicht leicht, nur Teile eines Frameworks zu nutzen, sollte aber mit einem mdui-config funktionieren.

[Stephan Schleich]

@Uhula sagte in Vis Popup/Dialog Fehler:

mdui-config

Bei dem mdui-config mach ich irgendwas falsch, hab nun die Dialog Punkte im Scripte gelöscht und nun passt's, Vielen Dank.