Light state badges will turn yellow when turned on

This commit is contained in:
Paulus Schoutsen 2014-10-31 00:15:22 -07:00
parent 7db8bc6423
commit 895ba6adbc

View File

@ -34,6 +34,10 @@
background-color: #039be5; background-color: #039be5;
} }
state-badge[data-state=on][data-domain=light] {
color: #fff176;
}
.name, .state.text { .name, .state.text {
text-transform: capitalize; text-transform: capitalize;
font-weight: 300; font-weight: 300;
@ -61,13 +65,11 @@
/* filling of circle when checked */ /* filling of circle when checked */
paper-toggle-button::shadow paper-radio-button::shadow #onRadio { paper-toggle-button::shadow paper-radio-button::shadow #onRadio {
background-color: #039be5; background-color: #039be5;
transition: background-color .2s;
} }
/* line when checked */ /* line when checked */
paper-toggle-button::shadow #toggleBar[checked] { paper-toggle-button::shadow #toggleBar[checked] {
background-color: #039be5; background-color: #039be5;
transition: background-color .2s;
} }
</style> </style>
@ -77,6 +79,8 @@
<state-badge <state-badge
domain="{{domain}}" domain="{{domain}}"
state="{{state}}" state="{{state}}"
data-domain="{{domain}}"
data-state="{{state}}"
on-click="{{editClicked}}"> on-click="{{editClicked}}">
</state-badge> </state-badge>