jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hassio, use CSS vars to avoid conflicts with themes (#918)

Browse Source 
* Hassio, use CSS vars to avoid conflicts with themes

* More
This commit is contained in:
c727 2018-02-24 00:07:09 +01:00 committed by Paulus Schoutsen
parent b47c5beacf
commit cdd4cabb4b
7 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
hassio/addon-view/hassio-addon-config.html
View File

@ -1,7 +1,6 @@
<link rel="import" href="../../bower_components/polymer/polymer-element.html"> <link rel="import" href="../../bower_components/polymer/polymer-element.html">
<link rel="import" href="../../bower_components/paper-card/paper-card.html"> <link rel="import" href="../../bower_components/paper-card/paper-card.html">
<link rel="import" href="../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html"> <link rel="import" href="../../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html"> <link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../src/components/buttons/ha-call-api-button.html"> <link rel="import" href="../../src/components/buttons/ha-call-api-button.html">
@ -26,8 +25,6 @@
iron-autogrow-textarea { iron-autogrow-textarea {
width: 100%; width: 100%;
font-family: monospace; font-family: monospace;
background-color: var(--primary-text-color);
color: var(--text-primary-color);
} }
.syntaxerror { .syntaxerror {
color: var(--google-red-500); color: var(--google-red-500);

1
hassio/addon-view/hassio-addon-info.html
View File

@ -7,6 +7,7 @@
<link rel="import" href="../../src/components/buttons/ha-call-api-button.html"> <link rel="import" href="../../src/components/buttons/ha-call-api-button.html">
<link rel='import' href='../../src/components/ha-markdown.html'> <link rel='import' href='../../src/components/ha-markdown.html'>
<link rel='import' href='../../src/resources/ha-style.html'>
<dom-module id="hassio-addon-info"> <dom-module id="hassio-addon-info">
<template> <template>

4
hassio/addon-view/hassio-addon-logs.html
View File

@ -2,9 +2,11 @@
<link rel="import" href="../../bower_components/paper-card/paper-card.html"> <link rel="import" href="../../bower_components/paper-card/paper-card.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html"> <link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel='import' href='../../src/resources/ha-style.html'>
<dom-module id="hassio-addon-logs"> <dom-module id="hassio-addon-logs">
<template> <template>
<style include="iron-flex ha-style"> <style include="ha-style">
:host, :host,
paper-card { paper-card {
display: block; display: block;

1
hassio/addon-view/hassio-addon-network.html
View File

@ -3,6 +3,7 @@
<link rel="import" href="../../bower_components/paper-input/paper-input.html"> <link rel="import" href="../../bower_components/paper-input/paper-input.html">
<link rel='import' href='../../src/util/hass-mixins.html'> <link rel='import' href='../../src/util/hass-mixins.html'>
<link rel='import' href='../../src/resources/ha-style.html'>
<link rel="import" href="../../src/components/buttons/ha-call-api-button.html"> <link rel="import" href="../../src/components/buttons/ha-call-api-button.html">

14
hassio/addon-view/hassio-addon-view.html
View File

@ -16,16 +16,20 @@
<dom-module id="hassio-addon-view"> <dom-module id="hassio-addon-view">
<template> <template>
<style include="iron-flex ha-style"> <style include="iron-flex ha-style">
hassio-addon-info, :host {
hassio-addon-network, color: var(--primary-text-color);
hassio-addon-config { --paper-card-header-color: var(--primary-text-color);
margin-bottom: 24px; }
}
.content { .content {
padding: 24px 0 32px; padding: 24px 0 32px;
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
} }
hassio-addon-info,
hassio-addon-network,
hassio-addon-config {
margin-bottom: 24px;
}
</style> </style>
<app-route <app-route
route='[[route]]' route='[[route]]'

4
hassio/hassio-pages-with-tabs.html
View File

@ -17,6 +17,10 @@
<dom-module id='hassio-pages-with-tabs'> <dom-module id='hassio-pages-with-tabs'>
<template> <template>
<style include='iron-flex iron-positioning ha-style'> <style include='iron-flex iron-positioning ha-style'>
:host {
color: var(--primary-text-color);
--paper-card-header-color: var(--primary-text-color);
}
paper-tabs { paper-tabs {
margin-left: 12px; margin-left: 12px;
--paper-tabs-selection-bar-color: #FFF; --paper-tabs-selection-bar-color: #FFF;

5
src/components/hassio-card-content.html
View File

@ -22,9 +22,10 @@
} }
iron-icon.hassupdate, iron-icon.hassupdate,
iron-icon.snapshot { iron-icon.snapshot {
color: var(--primary-color); color: var(--paper-item-icon-color);
} }
.title { .title {
color: var(--primary-text-color);
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -56,7 +57,7 @@
</dom-module> </dom-module>
<script> <script>
class HassioCardContent extends window.hassMixins.EventsMixin(Polymer.Element) { class HassioCardContent extends Polymer.Element {
static get is() { return 'hassio-card-content'; } static get is() { return 'hassio-card-content'; }
static get properties() { static get properties() {