Frontend , where do I find the main background color?

IrishAle · February 23, 2017, 5:29pm

I’m looking to change the background color of the main screen in the frontend … everything else seems to be in ha-style.html, but not this… anybody know where?

rabittn · February 23, 2017, 6:41pm

Are you looking for the color between the state cards?

app-header-layout.partial-cards {
    background-color: #802222;
}

IrishAle · February 23, 2017, 8:09pm

Yes, that’s it… what file is that in?

rabittn · February 23, 2017, 8:11pm

github.com

home-assistant/frontend/blob/e4b2ec1710da8d6e134f9846813833e6d7ce2929/src/layouts/partial-cards.html#L29


<dom-module id="partial-cards">
  <template>
    <style include="iron-flex iron-positioning ha-style">
      :host {
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
      }

      app-header-layout {
        background-color: #E5E5E5;
      }

      paper-tabs {
        margin-left: 12px;
        --paper-tabs-selection-bar-color: #FFF;
        text-transform: uppercase;
      }
    </style>

    <app-header-layout has-scrolling-region id='layout'>

IrishAle · February 23, 2017, 8:34pm

Many thanks !!!