Background von Info Widget setzen / ändern

[Michixx]

Hallo,

wie kann ich den Hintergrund beim Info Widget auf orange setzen?
Bei Tür offen ist der Hintergrund wie gewünscht in rot und das Türsymbol in weiss.

Bei gekippter Tür geht es leider nicht, da möchte ich den Hintergrund in orange haben und das Türsymbol auch in weiss.

      <mapping name="AufZuTuerSymbol">
        <entry value="0">
          <icon name="fts_door"/>
        </entry>
        <entry value="1">
          <icon name="fts_door_open" flavour="red"/>
        </entry>
        <entry value="2">
          <icon name="fts_door_tilt" flavour="orange"/>
        </entry>

      <styling name="NeutralRotBG">
        <entry value="0"/>
        <entry value="1">red_bg</entry>
        <entry value="2">orange_bg</entry>
      </styling>

    <info mapping="AufZuTuerSymbol" styling="NeutralRotBG" align="left">
        <layout colspan="2" rowspan="1"/>
        <label>Terrasse</label>
        <address transform="DPT:5.010" mode="read" variant="">1/0/50</address>
       </info>

Kann mir da vielleicht einer helfen, wo werden die Farben genau definiert? Tuer-offen.jpg
Tuer-kipp.jpg





Gruß
Michi

[Michixx]

Scheinbar ist es in der basic.css definiert, nur leider finde ich da das Info Widget nicht.
Und auch nicht in welcher Datei die Farben green_bg, red_bg und grey_bg definiert werden

 [TABLE="class: highlight tab-size js-file-line-container"]
 	 		[TR]
 			[TD="class: blob-code blob-code-inner js-file-line"] [/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line, bgcolor: #F8EEC7"].widget.right .green_bg.actor div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .red_bg.actor div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .grey_bg.actor div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .grey.switchPressed div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .grey.switchUnpressed div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .green.switchPressed div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .green.switchUnpressed div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .red.switchPressed div,[/TD]
 		[/TR]
 		[TR]
 			[TD="class: blob-num js-line-number"] [/TD]
 			[TD="class: blob-code blob-code-inner js-file-line"].widget.right .red.switchUnpressed div[/TD]
 		[/TR]
 	 [/TABLE]

[Michixx]

Problem ist gelöst, ich habe mir den Code mal genauer angesehen.
Einfach in der custom.css folgenden Eintrag hinzufügen:

.orange_bg.actor div {
 background: transparent url(images/dot_orange.png) no-repeat center center;
 color: white !important;
 text-shadow: 0;
}

OrangeBK.jpg