renemarc/home-assistant-config

<!-- Header -->
[link-profile]:https://github.com/renemarc
[link-repo]:https://github.com/renemarc/home-assistant-config

<a name="top"></a>
<code>[renemarc][link-profile] / **[home-assistant-config][link-repo]** / [appdaemon](../..) / [custom_css](..) / **modern** /</code>

<p align="right"><sub><strong><a href="https://github.com/renemarc/home-assistant-config">🏠 Home Assistant configuration for a smart-looking place! 😎</a><br>Be sure to <a href="#" title="star">⭐️</a> or <a href="#" title="fork">🔱</a> this repo!</strong></sub></p>

<!-- Hero -->
<figure>
    <div align="center">
        <a href="#files" title="Switchboard using the Modern theme"><img src="../../../www/screenshots/dashboard-switchboard.gif" alt="Switchboard"></a>
    </div>
</figure>

<h1 align="center">AppDaemon <em>modern</em> custom theme</h1>

This theme is based very closely on the [default](https://github.com/home-assistant/appdaemon/tree/master/appdaemon/assets/css/default) one, except with some minor tweaks to the CSS and extra classes and variables to support [`/appdaemon/custom_widgets/`](../../custom_widgets).

## Files

### [`🌈️ ./dashboard.css`](dashboard.css)

Cascading Style Sheets that define the overall look.

### [`❓ ./variables.yaml`](variables.yaml)

Main theme file containing variables for [`/appdaemon/custom_widgets/`](../../custom_widgets), as well as motion monitor JavaScript code for [Fully Kiosk Browser](http://www.ozerov.de/fully-kiosk-browser/) that issues a POST API query that creates and updates an ad hoc binary sensor.

<!-- Footer -->
<p align="right"><a href="#top" title="Back to top">🔝</a></p>

<p align="center"><strong>Don't forget to <a href="#" title="star">⭐️</a> or <a href="#" title="fork">🔱</a> this repo! 😃</strong></p>

[🔙 Back to `/appdaemon/`](../../)

[🏠 Home][link-repo]