Correcção do custom_ui no HA +0.110

byjaps · 23 Maio , 2020 19:49

Depois da Actualização para a versão 0.110 o icons deixaram de ter as cores que tinha definido através do "icon_color: "

Mas a solução é bastante simples. Basta na pasta config\www\custom_ui apagar todos os ficheiros e substituir por este:

github.com

byjaps/custom_ui/blob/master/state-card-custom-ui.html

<script>/*! For license information please see scripts.js.LICENSE */
!function(t){var e={};function s(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=t,s.c=e,s.d=function(t,e,i){s.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},s.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=0)}([function(t,e,s){"use strict";function i(t,e,s,i=!1){t._themes||(t._themes={});let n=e.default_theme;("default"===s||s&&e.themes[s])&&(n=s);const a={...t._themes};if("default"!==n){const s=e.themes[n];Object.keys(s).forEach(e=>{const i="--"+e;t._themes[i]="",a[i]=s[e]})}if(t.updateStyles?t.updateStyles(a):window.ShadyCSS&&window.ShadyCSS.styleSubtree(t,a),!i)return;const o=document.querySelector("meta[name=theme-color]");if(o){o.hasAttribute("default-content")||o.setAttribute("default-content",o.getAttribute("content"));const t=a["--primary-color"]||o.getAttribute("default-content");o.setAttribute("content",t)}}function n(t){return t.substr(0,t.indexOf("."))}function a(t){return n(t.entity_id)}function o(t,e,s){const i=t;let n;i.lastChild&&i.lastChild.tagName===e?n=i.lastChild:(i.lastChild&&i.removeChild(i.lastChild),n=document.createElement(e.toLowerCase())),n.setProperties?n.setProperties(s):Object.keys(s).forEach(t=>{n[t]=s[t]}),null===n.parentNode&&i.appendChild(n)}s.r(e);const r=(t,e)=>0!=(t.attributes.supported_features&e),l=["climate","cover","configurator","input_select","input_number","input_text","lock","media_player","scene","script","timer","vacuum","water_heater","weblink"];new Set(["fan","input_boolean","light","switch","group","automation"]);const c=new WeakMap,d=t=>"function"==typeof t&&c.has(t),u=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,h=(t,e,s=null)=>{let i=e;for(;i!==s;){const e=i.nextSibling;t.removeChild(i),i=e}},p={},m={},g=`{{lit-${String(Math.random()).slice(2)}}}`,y=`\x3c!--${g}--\x3e`,b=new RegExp(`${g}|${y}`),_="$lit$";class f{constructor(t,e){this.parts=[],this.element=e;let s=-1,i=0;const n=[],a=e=>{const o=e.content,r=document.createTreeWalker(o,133,null,!1);let l=0;for(;r.nextNode();){s++;const e=r.currentNode;if(1===e.nodeType){if(e.hasAttributes()){const n=e.attributes;let a=0;for(let t=0;t<n.length;t++)n[t].value.indexOf(g)>=0&&a++;for(;a-- >0;){const n=t.strings[i],a=S.exec(n)[2],o=a.toLowerCase()+_,r=e.getAttribute(o).split(b);this.parts.push({type:"attribute",index:s,name:a,strings:r}),e.removeAttribute(o),i+=r.length-1}}"TEMPLATE"===e.tagName&&a(e)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(g)>=0){const a=e.parentNode,o=t.split(b),r=o.length-1;for(let t=0;t<r;t++)a.insertBefore(""===o[t]?v():document.createTextNode(o[t]),e),this.parts.push({type:"node",index:++s});""===o[r]?(a.insertBefore(v(),e),n.push(e)):e.data=o[r],i+=r}}else if(8===e.nodeType)if(e.data===g){const t=e.parentNode;null!==e.previousSibling&&s!==l||(s++,t.insertBefore(v(),e)),l=s,this.parts.push({type:"node",index:s}),null===e.nextSibling?e.data="":(n.push(e),s--),i++}else{let t=-1;for(;-1!==(t=e.data.indexOf(g,t+1));)this.parts.push({type:"node",index:-1})}}};a(e);for(const t of n)t.parentNode.removeChild(t)}}const w=t=>-1!==t.index,v=()=>document.createComment(""),S=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F \x09\x0a\x0c\x0d"'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;class C{constructor(t,e,s){this._parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this._parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this._parts)void 0!==t&&t.commit()}_clone(){const t=u?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=this.template.parts;let s=0,i=0;const n=t=>{const a=document.createTreeWalker(t,133,null,!1);let o=a.nextNode();for(;s<e.length&&null!==o;){const t=e[s];if(w(t))if(i===t.index){if("node"===t.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(o.previousSibling),this._parts.push(t)}else this._parts.push(...this.processor.handleAttributeExpressions(o,t.name,t.strings,this.options));s++}else i++,"TEMPLATE"===o.nodeName&&n(o.content),o=a.nextNode();else this._parts.push(void 0),s++}};return n(t),u&&(document.adoptNode(t),customElements.upgrade(t)),t}}class x{constructor(t,e,s,i){this.strings=t,this.values=e,this.type=s,this.processor=i}getHTML(){const t=this.strings.length-1;let e="";for(let s=0;s<t;s++){const t=this.strings[s],i=S.exec(t);e+=i?t.substr(0,i.index)+i[1]+i[2]+_+i[3]+g:t+y}return e+this.strings[t]}getTemplateElement(){const t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}const E=t=>null===t||!("object"==typeof t||"function"==typeof t);class O{construc

This file has been truncated. show original

E nem é preciso reiniciar o HA, basta limpar o cache do navegador ou fazer ctrl + F5 no windons.

E já voltam a ter cores nos icons…

Se ainda não têm o Custom UI fica o link:

Espero que seja útil a alguém…

RodolfoVieira · 23 Maio , 2020 22:50

Thanks obrigado pela partilha @byjaps