jeena/home-assistant.github.io
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Site updated at 2017-07-16 05:06:47 UTC

Browse source
This commit is contained in:
Travis CI 2017-07-16 05:06:47 +00:00
parent 477f499ed2
commit 3738c7d54a
524 changed files with 8458 additions and 2098 deletions
Download patch file Download diff file Expand all files Collapse all files

19
components/frontend/index.html
View file

@ -79,6 +79,23 @@
<span class="s">frontend</span><span class="pi">:</span>
</code></pre>
</div>
<h4>Themes</h4>
<p>Starting with version 0.49 you can define themes:</p>
<p>Example:</p>
<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">frontend</span><span class="pi">:</span>
<span class="s">themes</span><span class="pi">:</span>
<span class="s">happy</span><span class="pi">:</span>
<span class="s">primary-color</span><span class="pi">:</span> <span class="s">pink</span>
<span class="s">sad</span><span class="pi">:</span>
<span class="s">primary-color</span><span class="pi">:</span> <span class="s">blue</span>
</code></pre>
</div>
<p>The example above defined two themes named <code class="highlighter-rouge">happy</code> and <code class="highlighter-rouge">sad</code>. For each theme you can set values for CSS variables. For a partial list of variables used by the main frontend see <a href="https://github.com/home-assistant/home-assistant-polymer/blob/master/src/resources/ha-style.html">ha-style.html</a></p>
<p>There are 2 themes-related services:</p>
<ul>
<li><code class="highlighter-rouge">frontend.reload_themes</code> - reloads theme configuration from yaml.</li>
<li><code class="highlighter-rouge">frontend.set_theme(name)</code> - sets backend-preferred theme name.</li>
</ul>
</article>
</div>
<aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
@ -116,7 +133,7 @@
<a href='/components/http/'>HTTP</a>
</li>
<li>
<a href='/components/ha/'>Home Assistant 0.48</a>
<a href='/components/ha/'>Home Assistant 0.49</a>
</li>
<li>
<a href='/components/introduction/'>Introduction</a>