openhabWidget.html

<style>
	.attention-active {
    animation-name: attention;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  	margin: 0px;
  	padding: 0px;
  }
  @keyframes attention {
    20%  {background-color: transparent;}
    60%  {background-color: {{config.highlightColor;}}} /* #CCCC00 */
	}
  .attention-table {
  display: flex;
  flex-direction: column;
  	width: 100%;
  	height: 200%;
  	margin: 0px;
  	padding: 0px;
  }
  .attention-table-cell {
  	padding: 5px;
  	width: 50%;
  }
  .attention-table-btn {
  	width: 100%;
  }
</style>
<div class="attention-table" ng-class="(config.attentionValue <= itemState(config.item)) ? 'attention-active' : ''">
<div>
  {{ngModel.name}}
</div>
      <span class="value">{{itemState(config.item)}}</span>
  </div>