습도 79%초과할 때 아이콘 색깔은 붉은색으로 변경되고 풍속은 5, 9초과할 때 각각 보라색, 붉은색으로 변경.
비올 때 비 아이콘과 비오는 시간 텍스트 모두 붉은색 굵은 폰트로, 미세먼지 등급에 따라 아이콘 색깔 변경. 일출, 일몰시간과 리프레쉬 된 시간은 24시간제(en_GB)로 변경.
마지막으로 테스트 삼아 비오는 시간, 강수량, 강수확률, 풍속을 임의로 세팅하고 색깔 입힌 것 출력 확인후 마무리.
크롬 탭에 터미널창, 대시보드 리소스창등 5개를 열어놓고 하나씩 리프레쉬하면서 적용되는 코드 확인하는데 뭔가 노가다 느낌.
사용한 영문 구글폰트: Big Shoulders Display / Yanone Kaffeesatz
소스: 구글 드라이브 weather_card.js
** 참고: 테마 폰트변경과 구글폰트 리소스 추가
** HA 2024.4 버전에서 예보타입 변경으로 2.0 프리 릴리즈버전으로 적용해 수정(2024.04)