ha/ha_button at main · projectdhs/ha · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
type: custom:button-card
entity: switch.computer_my_state
name: 컴퓨터
color_type: card
show_entity_picture: true
show_state: true
show_name: true
entity_picture: /local/icons/plug_2.png
double_tap_action:
  action: more-info
hold_action:
  action: more-info
  entity: switch.dawonwifi_switch
styles:
  card:
    - height: 90px
    - border: 1px solid RGB(29,27,30)
    - border-radius: 10px
  grid:
    - grid-template-areas: '"i" "n" "s"'
    - grid-template-columns: 1fr
    - grid-template-rows: 1fr
  img_cell:
    - align-self: end
    - text-align: end
  icon:
    - width: 35%
    - margin-top: '-5%'
    - margin-left: '-20%'
  name:
    - justify-self: end
    - padding-right: 12px
    - font-size: 14px
  state:
    - justify-self: end
    - font-size: 12px
    - padding-right: 12px
state:
  - value: 'on'
    styles:
      name:
        - font-weight: bold
        - color: white
      card:
        - background-color: RGB(60,144,167)
  - value: 'off'
    styles:
      icon:
        - filter: grayscale(100%)
      card:
        - background-color: RGB(67,73,82)
      name:
        - color: white
        - font-weight: bold