Advertisement
fablav

card_mod entities card

May 12th, 2025
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 2.15 KB | Software | 0 0
  1. type: entities
  2. entities:
  3.   - name: Sensor
  4.     entity: sensor.apc_carica_batterie
  5.     tap_action:
  6.       action: none
  7.     card_mod:
  8.       style:
  9.         hui-generic-entity-row:
  10.           $: |
  11.            state-badge {
  12.               color: goldenrod;
  13.             }
  14.             .info.text-content {
  15.               font-size: 20px;
  16.               color: gold !important;
  17.             }
  18.             .state {
  19.               font-size: 18px;
  20.               color: gold !important;
  21.             }
  22.   - entity: binary_sensor.pc_fabio
  23.     name: Binary Sensor
  24.     card_mod:
  25.       style:
  26.         hui-generic-entity-row:
  27.           $: |
  28.            state-badge {
  29.               color: firebrick;
  30.             }
  31.             .info.text-content {
  32.             font-size: 20px;
  33.             color: lightcoral !important;
  34.             }
  35.             .state {
  36.               font-size: 18px;
  37.               color: lightsalmon !important;
  38.             }
  39.   - entity: switch.pc_fabio
  40.     name: Switch
  41.     card_mod:
  42.       style:
  43.         hui-generic-entity-row:
  44.           $: |
  45.            state-badge {
  46.               color: deepskyblue;
  47.             }
  48.             .info.text-content {
  49.               font-size: 20px;
  50.               color: deepskyblue !important;
  51.             }
  52.         ha-entity-toggle:
  53.           $: |
  54.            ha-switch {
  55.               --switch-checked-button-color: deepskyblue;
  56.               --switch-checked-track-color: deepskyblue;
  57.             }
  58.   - entity: button.nas2_shutdown
  59.     name: Button
  60.     card_mod:
  61.       style:
  62.         mwc-button:
  63.           $: |
  64.            button {
  65.               font-size: 14px !important;
  66.               color: blue !important;
  67.             }
  68.         hui-generic-entity-row:
  69.           $: |
  70.            state-badge {
  71.               color: tomato;
  72.             }
  73.             .info.text-content {
  74.               font-size: 20px;
  75.               color: tomato !important;
  76.             }
  77. show_header_toggle: true
  78. title: Entities Colors
  79. card_mod:
  80.   style: |
  81.    ha-card .card-header .name {
  82.       color: red;
  83.       text-align: left;
  84.       font-size: 35px;
  85.       font-weight: 500;
  86.       letter-spacing: 3px;
  87.     }
  88.  
Tags: ha
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement