jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-10 03:19:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Variable colours (cards, backgrounds, sidebar, ...) (#361)

Browse Source 
* Update partial-cards.html

* Update ha-card.html

* Update ha-card.html

* Update ha-style.html

* Update partial-cards.html

* Update ha-sidebar.html

* Update ha-panel-dev-service.html

* Update ha-media_player-card.html

* Update ha-media_player-card.html

* Update partial-cards.html

* Update ha-style.html

* Update ha-style.html

* Update ha-state-label-badge.html

* Update ha-style.html

* Update ha-panel-dev-service.html

* Update ha-media_player-card.html

* Update ha-state-label-badge.html

* Update ha-card.html

* Update ha-style.html

* Update ha-style.html

* Update partial-cards.html

* Update ha-style.html

* Update ha-style.html

* Update ha-panel-dev-service.html

* Update ha-panel-dev-state.html

* Update state-badge.html

* Update ha-label-badge.html

* Update home-assistant-main.html

* Update ha-style.html

* Update ha-label-badge.html

* Update ha-label-badge.html

* Update ha-style.html

* Update ha-panel-dev-state.html
This commit is contained in:
AHS
2017-08-01 08:09:06 +02:00
committed by Paulus Schoutsen
parent 347ef95d39
commit 4af688a226
11 changed files with 51 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/entity/ha-state-label-badge.html
View File

@@ -10,19 +10,27 @@
}
ha-label-badge {
--ha-label-badge-color: rgb(223, 76, 30);
--ha-label-badge-color: var(--label-badge-red, #DF4C1E);
}
.red {
--ha-label-badge-color: var(--label-badge-red, #DF4C1E);
}
.blue {
--ha-label-badge-color: #039be5;
--ha-label-badge-color: var(--label-badge-blue, #039be5);
}
.green {
--ha-label-badge-color: #0DA035;
--ha-label-badge-color: var(--label-badge-green, #0DA035);
}
.yellow {
--ha-label-badge-color: var(--label-badge-yellow, #f4b400);
}
.grey {
--ha-label-badge-color: var(--paper-grey-500);
--ha-label-badge-color: var(--label-badge-grey, --paper-grey-500);
}
</style>

4
src/components/entity/state-badge.html
View File

@@ -9,7 +9,7 @@
position: relative;
display: inline-block;
width: 40px;
color: #44739E;
color: var(--paper-item-icon-color, #44739e);
border-radius: 50%;
height: 40px;
text-align: center;
@@ -26,7 +26,7 @@
ha-state-icon[data-domain=switch][data-state=on],
ha-state-icon[data-domain=binary_sensor][data-state=on],
ha-state-icon[data-domain=sun][data-state=above_horizon] {
color: #FDD835;
color: var(--paper-item-icon-active-color, #FDD835);
}
/* Color the icon if unavailable */