iobroker.mywebui 1.78.0 → 1.80.0

package/admin/logo.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <linearGradient id="g" x1="0" y1="1" x2="1" y2="0">
+      <stop offset="0" stop-color="#2be08f"/>
+      <stop offset="0.5" stop-color="#1fc4e0"/>
+      <stop offset="1" stop-color="#2b8bff"/>
+    </linearGradient>
+    <radialGradient id="bgc" cx="0.5" cy="0.38" r="0.8">
+      <stop offset="0" stop-color="#16224a"/>
+      <stop offset="1" stop-color="#0a1024"/>
+    </radialGradient>
+  </defs>
+
+  <rect x="16" y="16" width="480" height="480" rx="112" fill="url(#bgc)"/>
+
+  <!-- geometric gradient mark: nested rotated frames (layers/screens) + nodes -->
+  <g transform="rotate(45 256 205)" fill="none" stroke="url(#g)" stroke-width="12" stroke-linejoin="round">
+    <rect x="166" y="115" width="180" height="180" rx="22"/>
+    <rect x="203" y="152" width="106" height="106" rx="15"/>
+  </g>
+  <circle cx="256" cy="205" r="20" fill="url(#g)"/>
+  <circle cx="256" cy="78"  r="13" fill="url(#g)"/>
+  <circle cx="383" cy="205" r="13" fill="url(#g)"/>
+
+  <!-- wordmark -->
+  <text x="256" y="410" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif"
+        font-size="66" font-weight="800" letter-spacing="1" fill="url(#g)">mywebui</text>
+</svg>

package/default-controls/controls/theme/theme-selector.control

@@ -0,0 +1 @@
+{"properties": {"label": {"type": "string", "default": "Theme"}}, "settings": {"width": "170px", "height": "40px"}, "html": "<div id=\"wrap\" class=\"ts\"><span id=\"lbl\" class=\"ts-lbl\"></span><select id=\"sel\" class=\"ts-sel\"></select></div>", "style": ":host{display:inline-block;font-family:'Segoe UI',Roboto,sans-serif;}\n.ts{display:flex;align-items:center;gap:8px;}\n.ts-lbl{font-size:13px;color:var(--ui-text,#e2e6ec);}\n.ts-sel{font-size:13px;padding:6px 12px;border-radius:6px;background:var(--ui-input,#3a3f4b);color:var(--ui-text,#e2e6ec);border:1px solid var(--ui-border,#3b4250);cursor:pointer;outline:none;}\n.ts-sel:focus{border-color:var(--accent,#2680eb);}", "script": "function render(instance){\n    const lbl=instance._getDomElement('lbl'), sel=instance._getDomElement('sel');\n    if(lbl){ lbl.textContent=instance.label||''; lbl.style.display=instance.label?'':'none'; }\n    if(!sel) return;\n    const api=window.mywebuiTheme;\n    const themes=api?api.list():[{name:'dark',label:'Dark'},{name:'light',label:'Light'}];\n    const cur=api?api.current():'dark';\n    sel.innerHTML=themes.map(t=>'<option value=\"'+t.name+'\"'+(t.name===cur?' selected':'')+'>'+t.label+'</option>').join('');\n    sel.onchange=()=>{ try{ window.mywebuiTheme && window.mywebuiTheme.apply(sel.value); }catch(e){} };\n}\nexport function init(instance){\n    try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){}\n    try{instance._assignEvent('label-changed',()=>render(instance));}catch(e){}\n    render(instance);\n    instance.__onTheme=()=>{ const sel=instance._getDomElement('sel'); const api=window.mywebuiTheme; if(sel&&api) sel.value=api.current(); };\n    window.addEventListener('webui-theme-changed', instance.__onTheme);\n}\nexport function connectedCallback(instance){ render(instance); }\nexport function disconnectedCallback(instance){ try{ window.removeEventListener('webui-theme-changed', instance.__onTheme); }catch(e){} }\n"}