├── Project_Mate └── README.md ├── README.md ├── automations.yaml ├── components ├── binary_sensors │ ├── 433_first_hallway_pir.yaml │ ├── 433_front_doorbell.yaml │ ├── 433_ground_hallway_pir.yaml │ ├── 433_letter_box.yaml │ ├── 433_smoke_alarm.yaml │ ├── apdown.yaml │ ├── apiw.yaml │ ├── apup.yaml │ ├── deconz_pi.yaml │ ├── dell_t330.yaml │ ├── esp_livingcorner.yaml │ ├── esxi_host.yaml │ ├── hb_tracker.yaml │ ├── nest.yaml │ ├── office_button_lamp.yaml │ ├── office_button_lighthigh.yaml │ ├── office_button_lightlow.yaml │ ├── pihole_ip.yaml │ ├── samsungm5.yaml │ ├── swkdvbpi.yaml │ ├── swkrfbridge.yaml │ ├── swkvmplexsrv.yaml │ ├── swkvmwbsrv.yaml │ ├── temp_hall.yaml │ ├── test.yaml │ ├── tracking_zig433_test.yaml │ ├── unficontroller.yaml │ ├── unifiswitch.yaml │ ├── unifiusg.yaml │ ├── uvcback.yaml │ ├── uvcfront.yaml │ └── uvckitchen.yaml ├── media_player │ ├── ps4.yaml │ ├── samsung_multi_room.yaml │ └── spotify.yaml ├── packages │ ├── alarm_panel.yaml │ ├── badnest.yaml │ ├── binary_sensors.yaml │ ├── browser_mod.yaml │ ├── camera.yaml │ ├── climate.yaml │ ├── cloud.yaml │ ├── config.yaml │ ├── device_trackers.yaml │ ├── discovery.yaml │ ├── ffmpeg.yaml │ ├── frontend.yaml │ ├── garbage_collection.yaml │ ├── glances.yaml │ ├── google_api.yaml │ ├── group.yaml │ ├── history.yaml │ ├── http.yaml │ ├── ifttt.yaml │ ├── light.yaml │ ├── logbook.yaml │ ├── logger.yaml │ ├── lovelace.yaml │ ├── map.yaml │ ├── media_player.yaml │ ├── mobile_app.yaml │ ├── monitor_docker.yaml │ ├── mqtt.yaml │ ├── notify.yaml │ ├── ombi.yaml │ ├── owntracks.yaml │ ├── recorder.old │ ├── remote.yaml │ ├── sabnzbd.yaml │ ├── scene.yaml │ ├── scripts.yaml │ ├── sensors.yaml │ ├── sonoff_ewelink.yaml │ ├── speed.yaml │ ├── ssl.yaml │ ├── stream.yaml │ ├── sun.yaml │ ├── switch.yaml │ ├── system_health.yaml │ ├── tts.yaml │ ├── updater.yaml │ ├── weather.yaml │ ├── webhook.yaml │ ├── yeelight.yaml │ └── zones.yaml ├── scenes │ └── optihub.yaml ├── scripts │ ├── getback.yaml │ ├── getbackkitchen.yaml │ ├── hass_restart.yaml │ ├── hitchtv.yaml │ ├── letterbox_alert.yaml │ ├── monitor_off.yaml │ ├── monitor_on.yaml │ ├── ps4back.yaml │ ├── ps4down.yaml │ ├── ps4enter.yaml │ ├── ps4left.yaml │ ├── ps4option.yaml │ ├── ps4right.yaml │ ├── ps4up.yaml │ └── psbutton.yaml └── sensors │ ├── ps4.yaml │ ├── spotify-playlist.yaml │ └── time_date.yaml ├── configuration.yaml ├── custom_elements └── custom_button_card_phone.yaml ├── customize.yaml ├── dashboards ├── lights.yaml ├── media.yaml ├── mobile_dashv? │ ├── header_card.yaml │ ├── nav_card.yaml │ └── phone_card.yaml ├── network.yaml ├── search.yaml ├── security.yaml ├── security_updated.yaml ├── system.yaml └── system_updated.yaml ├── guides ├── Another Redesign │ └── Light Card Example ├── Blog Examples │ └── livingroom_tv_honeycomb_menu ├── Light Dashboard 2.0 │ └── YAML │ │ ├── README.md │ │ ├── content.yaml │ │ ├── content_box_ground_lights_example.yaml │ │ ├── full_card.yaml │ │ ├── header.yaml │ │ └── menu.yaml └── Refresh 2.0 │ └── mini_bar.md ├── scenes.yaml ├── screenshots ├── 1.jpg ├── 2.png ├── 3.png ├── HA-Lights.png ├── HA-Media.png ├── HA-Search.png ├── HA-Security_new.png ├── HA-System.png ├── HA-System_new.png ├── NEW_Lights_Dashboard.png ├── NEW_Media_Dashboard.png ├── NEW_Security_Dashboard.png ├── NEW_System_Dashboard.png ├── sec1.jpg ├── sec2.jpg ├── sec3.jpg ├── sec4.jpg ├── temp1.jpg └── temp2.jpg └── themes ├── clear-dark └── clear-dark.yaml ├── clear.yaml ├── google_dark.yaml ├── home-assistant-community-themes ├── README.md ├── amoled.yaml ├── christmas.yaml ├── clear_swakes.yaml ├── dark.yaml ├── dark_cyan.yaml ├── dark_orange.yaml ├── dark_red.yaml ├── halloween.yaml ├── ios.yaml ├── material_dark_green.yaml ├── material_dark_red.yaml ├── midnight.yaml ├── new_swakes.yaml ├── night.yaml ├── nord.yaml ├── solarized_light.yaml ├── sublimination.yaml ├── swakes.yaml ├── teal.yaml └── vintage.yaml ├── kibibit └── kibibit.yaml ├── noctis.yaml ├── nord └── nord.yaml ├── reeder_dark.yaml ├── slate.yaml ├── themes.yaml └── ux_goodie.yaml /Project_Mate/README.md: -------------------------------------------------------------------------------- 1 | Coming soon! 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Welcome to SWAKES - Home Assistant 2 | 3 | Hi there and welcome to my Github repo containing my configuration and setup files/code for Home Assistant. I will en-devour to keep this up to date however please check out my other references and sources in the following links before 4 | 5 | - [SWAKES Blog](https://hmas.swakes.co.uk/tag/home-assistant/) 6 | - [SWAKES Reddit](https://old.reddit.com/user/swake88/) 7 | - [SWAKES Home Assistant Community](https://community.home-assistant.io/u/pqpxd/summary) 8 | - [Home Assistant Facebook Community Page](https://www.facebook.com/groups/HomeAssistant) 9 | - [Screenshots](https://github.com/pqpxo/SWAKES_hassio/tree/master/screenshots) 10 | 11 | Please note that some files, images, custom components and addons have been referenced but not uploaded in this repo. 12 | 13 | If you like what you've read ... Support me here on Buy Me a Coffee: https://www.buymeacoffee.com/swakes 14 | 15 |
16 | 17 | ### 13/02/2023 - Added 'Refresh 2.0' under 'guides' and included 'mini_bar' breakdown. 18 | 19 | 16/10/2020 - Updated 'dashboards' and Screenshots 20 | 21 | 22 | #### Screenshots 23 | ![System Dashboard](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/NEW_System_Dashboard.png)![Light Dashboard](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/NEW_Lights_Dashboard.png)![Security Dashboard](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/NEW_Security_Dashboard.png)![Media Dashboard](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/NEW_Media_Dashboard.png) 24 | 25 | ## **Security Dashboard (Mobile)** 26 | ![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/sec1.jpg?raw=true) 27 | ![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/sec2.jpg?raw=true) 28 | ![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/sec3.jpg?raw=true)![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/sec4.jpg?raw=true) 29 | 30 | ## **Dashboards In Progress** 31 | ![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/temp1.jpg?raw=true)![enter image description here](https://github.com/pqpxo/SWAKES_hassio/blob/master/screenshots/temp2.jpg?raw=true) 32 | 33 | 34 | # Hardware 35 | 36 | 37 | ## Operating System 38 | 39 | #### Ubuntu Sever 18 Virtual Machine (ESXi) 40 | - 1vCPU 41 | - 3GB RAM 42 | - 40GB HDD 43 | 44 | #### HASSIO Supervisor 45 | - Docker Image 46 | 47 | #### Add-Ons 48 | - AppDaemon 49 | - Dasshio 50 | - ESPHome 51 | - File editor 52 | - Frigate NVR 53 | - Home Assistant Google Drive Backup 54 | - MariaDB 55 | - Mosquitto broker 56 | - Network UPS Tools 57 | - SSH & Web Terminal 58 | - TasmoAdmin 59 | 60 | #### Integrations 61 | - Alarmo 62 | - Broadlink 63 | - Browser mod 64 | - Google Cast 65 | - Coronavirus (COVID-19) 66 | - deCONZ 67 | - ESPHome 68 | - ESXi Stats 69 | - Fully Kiosk Browser 70 | - Garbage Collection 71 | - Google Calendars 72 | - Google Assistant 73 | - HACS 74 | - Hyperion 75 | - Meteorologisk institutt (Met.no) 76 | - Mobile App 77 | - Monitor Docker 78 | - Mopidy 79 | - MQTT 80 | - Nest 81 | - OpenWeatherMap 82 | - Plex Media Server 83 | - Radarr 84 | - Sonarr 85 | - Speedtest.net 86 | - Spotify 87 | - Tasmota 88 | - TP-Link Kasa Smart 89 | - Transmission 90 | - UniFi Network 91 | - UniFi Protect 92 | - Waze Travel Time 93 | - WLED 94 | - Xbox 95 | - Yeelight 96 | 97 | #### HACS (Integrations) 98 | - Alarmo 99 | - Anniversary 100 | - Authenticated 101 | - Auto Areas 102 | - browser_mod 103 | - ESXi Stats 104 | - Event sensor 105 | - Frigate 106 | - Fully Kiosk Browser 107 | - Garbage Collection 108 | - Google Home 109 | - Holidays 110 | - Monitor Docker 111 | - Mopidy Media Player component 112 | - Plex Recently Added 113 | - Radarr Upcoming Media 114 | - Sonarr Upcoming Media 115 | - Spotcast 116 | - Spotify Playlist Sensor 117 | 118 | #### HACS (Frontend) 119 | - Alarmo 120 | - Battery State Card / Entity Row 121 | - Button Text Card 122 | - button-card 123 | - Custom Animated Weather Card 124 | - Custom brand icons 125 | - Dark Thermostat 126 | - ESXi Stats 127 | - Flexible Horseshoe Card for Lovelace 128 | - Garbage Collection Card 129 | - HA Dashboard 130 | - layout-card 131 | - Light Entity Card 132 | - Number Box 133 | - Select list Card 134 | - Simple Thermostat 135 | - Slider Button Card 136 | - slider-entity-row 137 | - state-switch 138 | - Switch popup card 139 | - Text Divider Row 140 | - Toggle Control Button Row 141 | 142 | ## Devices 143 | ### Lights 144 | 145 | | **Device** | Connectivity | Amount | 146 | | - | ------------ | :------------: | 147 | | TRADFRI bulb E27 | Zigbee (deCONZ) | 5 | 148 | | TRADFRI bulb GU10 | Zigbee (deCONZ) | 21 | 149 | | Lidl HG06106C | Zigbee (deCONZ) | 2 | 150 | | WS2812b RGB Strip | WiFi (ESPHome/WLED) | 10 | 151 | | Sonoff Basic R2 | WiFi (Tasmota) | 2 | 152 | | Hyperion (Raspberry Pi) | WiFi (Integration) | 2 | 153 | 154 | ### Sensors 155 | 156 | | Device | Connectivity | Amount | 157 | | - | ------------ | :------------: | 158 | | Aqara Contact Sensor | Zigbee (deCONZ) | 15 | 159 | | Aqara Temp/Humidity Sensor | Zigbee (deCONZ) | 5 | 160 | | IKEA TRADFRI Motion Sensor | Zigbee (deCONZ) | 3 | 161 | | Sonoff Motion Sensor (SNZB-03) | Zigbee (deCONZ) | 1 | 162 | | KERUI Motion Sensor | 433Mhz (Tasmota) | 3 | 163 | | KERUI Contact Sensor | 433Mhz (Tasmota) | 1 | 164 | | Philips Hue Motion/Temp/Light Sensor | Zigbee (deCONZ) | 1 | 165 | | IKEA VINDRIKTNING (Air Quality Sensor) | WiFi (ESPHome) | 1 | 166 | | HC-S501/S505 Motion Sensor | WiFi (ESPHome) | 8 | 167 | | DHT22/DS18B20 Temp/Humidity Sensor | WiFi (ESPHome) | 5 | 168 | | Weight Sensor (HX711) | WiFi (ESPHome) | 1 | 169 | | Fingerprint Sensor (R503) | WiFi (MQTT) | 1 | 170 | | EMASTIFF Smoke Alarm | 433Mhz (Tasmota) | 1 | 171 | 172 | ### Switches 173 | 174 | | Device | Connectivity | Amount | 175 | | - | ------------ | :------------: | 176 | | Heiman Smart Plug (TS011F) | Zigbee (deCONZ) | 2 | 177 | | SmartThings Smart Plug (D0005) | Zigbee (deCONZ) | 2 | 178 | | TP-Link Smart Plug (KP105/KP303) | WiFi (HA Integration) | 3 | 179 | | 5V Relay Module (SRD-05VDC-SL-C) | WiFi (ESPHome) | 3 | 180 | | Sonoff Basic R2 | WiFi (Tasmota) | 3 | 181 | | Electric Blinds | 433Mhz (Tasmota) | 1 | 182 | | Smart Air Freshener | WiFi (ESPHome) | 1 | 183 | | LEGO Train | WiFi (MQTT) | 1 | 184 | 185 | ### Remotes 186 | 187 | | Device | Connectivity | Amount | 188 | | - | ------------ | :------------: | 189 | | IKEA TRADFRI Remote Control | Zigbee (deCONZ) | 2 | 190 | | IKEA TRADFRI Dimmer | Zigbee (deCONZ) | 1 | 191 | | 3 Button Remote | 433Mhz (Tasmota) | 1 | 192 | | Broadlink R3 Mini | WiFi (Integration) | 1 | 193 | 194 | ### Cameras 195 | 196 | | Device | Connectivity | Amount | 197 | | - | ------------ | :------------: | 198 | | Ubiquiti G3 Bullet (UVC-G3-BULLET) | LAN (UniFi Protect) | 2 | 199 | | Ubiquiti G3 Flex (UVC-G3-FLEX) | LAN (UniFi Protect) | 1 | 200 | | ESP32-CAM (OV2640) | WiFi (ESPHome) | 1 | 201 | | Amazon Fire Tablet 7 (Onboard) | WiFi (Integration) | 1 | 202 | 203 | ### Media 204 | 205 | | Device | Connectivity | Amount | 206 | | - | ------------ | :------------: | 207 | | Google Home Mini Speaker | WiFi (Integration) | 3 | 208 | | Google Home Speaker | WiFi (Integration) | 1 | 209 | | Google Nest Hub | WiFi (Integration) | 1 | 210 | | Google Chromecast | WiFi (Integration) | 1 | 211 | | Raspberry Pi (Mopidy) | WiFi (LAN) | 2 | 212 | | Xbox Series S | WiFi (LAN) | 1 | 213 | 214 | ### Network 215 | 216 | | Device | Connectivity | Amount | 217 | | - | ------------ | :------------: | 218 | | Ubiquiti Dream Machine Pro (UDM-PRO) | LAN (Integration) | 1 | 219 | | Ubiquiti UniFi 16-Port PoE Switch (USW-16-POE) | LAN (Integration) | 1 | 220 | | Ubiquiti UniFi 5-Port PoE Switch (USW-Flex-Mini) | LAN (Integration) | 1 | 221 | | Ubiquiti UniFi AP AC LR (UAP-AC-LR) | LAN (Integration) | 2 | 222 | | AdGuard (Raspberry Pi) | LAN (Integration) | 1 | 223 | | Sonoff RF Bridge (Tasmota) | WiFi (MQTT) | 1 | 224 | | Raspberry Pi (deCONZ - Conbee II) | WiFi (Integration) | 1 | 225 | 226 | ### Others 227 | 228 | | Device | Connectivity | Amount | 229 | | - | ------------ | :------------: | 230 | | APC Smart-UPS (1000va) | USB (Addon) | 1 | 231 | | Pi-KVM (Raspberry Pi) | LAN (MQTT) | 1 | 232 | | Epson XP-4100 Printer (XP-4100) | WiFi (Integration) | 1 | 233 | | Fire Tablet 7 (Fully Kiosk Browser) | WiFi (Integration) | 1 | 234 | | Touchscreen Display (Raspberry Pi) | WiFi (Dashboard) | 1 | 235 | | Dell PowerEdge T330 (ESXi) | LAN (Integration) | 1 | 236 | | Lenovo ThinkCenter PC (Windows 11) | LAN (MQTT) | 1 | 237 | -------------------------------------------------------------------------------- /automations.yaml: -------------------------------------------------------------------------------- 1 | - id: '1590614990299' 2 | alias: IKEA Remote Left Click Office Lamp 3 | description: '' 4 | trigger: 5 | - device_id: e2f9bfa49eaa4963987bbe96f4aa1953 6 | discovery_id: 0x000d6ffffe4b5727 action_arrow_left_click 7 | domain: mqtt 8 | platform: device 9 | subtype: arrow_left_click 10 | type: action 11 | condition: [] 12 | action: 13 | - device_id: 1cdb60766cbb4ffc8b12ac9713fb1b55 14 | domain: switch 15 | entity_id: switch.office_lamp 16 | type: toggle 17 | - id: '1590615088628' 18 | alias: IKEA Remote Right Click Office Light 19 | description: '' 20 | trigger: 21 | - device_id: e2f9bfa49eaa4963987bbe96f4aa1953 22 | discovery_id: 0x000d6ffffe4b5727 action_arrow_right_click 23 | domain: mqtt 24 | platform: device 25 | subtype: arrow_right_click 26 | type: action 27 | condition: [] 28 | action: 29 | - device_id: 35b84bccb40a42efbd094c4c7c3e7b2b 30 | domain: light 31 | entity_id: light.office_light_light 32 | type: toggle 33 | - id: '1590615168236' 34 | alias: IKEA Remote Brightness Up Office Light 35 | description: '' 36 | trigger: 37 | - device_id: e2f9bfa49eaa4963987bbe96f4aa1953 38 | discovery_id: 0x000d6ffffe4b5727 action_brightness_up_click 39 | domain: mqtt 40 | platform: device 41 | subtype: brightness_up_click 42 | type: action 43 | condition: 44 | - condition: device 45 | device_id: 35b84bccb40a42efbd094c4c7c3e7b2b 46 | domain: light 47 | entity_id: light.office_light_light 48 | type: is_on 49 | action: 50 | - device_id: 35b84bccb40a42efbd094c4c7c3e7b2b 51 | domain: light 52 | entity_id: light.office_light_light 53 | type: brightness_increase 54 | - id: '1590615242144' 55 | alias: IKEA Remote Brightness Down Office Light 56 | description: '' 57 | trigger: [] 58 | condition: 59 | - condition: device 60 | device_id: 35b84bccb40a42efbd094c4c7c3e7b2b 61 | domain: light 62 | entity_id: light.office_light_light 63 | type: is_on 64 | action: 65 | - device_id: 35b84bccb40a42efbd094c4c7c3e7b2b 66 | domain: light 67 | entity_id: light.office_light_light 68 | type: brightness_decrease 69 | - id: '1234' 70 | alias: Reset Ground Hallway PIR 71 | trigger: 72 | - entity_id: binary_sensor.ground_hallway_motion 73 | for: 0:00:05 74 | from: 'off' 75 | platform: state 76 | to: 'on' 77 | action: 78 | - data: 79 | payload: 0B104Aoff 80 | topic: tele/RF_Bridge/RESULT 81 | service: mqtt.publish 82 | initial_state: 'on' 83 | - id: '5678' 84 | alias: Reset First Hallway PIR 85 | trigger: 86 | - entity_id: binary_sensor.first_hallway_motion 87 | for: 0:00:05 88 | from: 'off' 89 | platform: state 90 | to: 'on' 91 | action: 92 | - data: 93 | payload: 63044Aoff 94 | topic: tele/RF_Bridge/RESULT 95 | service: mqtt.publish 96 | initial_state: 'on' 97 | - id: '567322328' 98 | alias: Reset Front Doorbell 99 | trigger: 100 | - entity_id: binary_sensor.front_doorbell 101 | for: 0:00:03 102 | from: 'off' 103 | platform: state 104 | to: 'on' 105 | action: 106 | - data: 107 | payload: 9D8008off 108 | topic: tele/RF_Bridge/RESULT 109 | service: mqtt.publish 110 | initial_state: 'on' 111 | - id: '91011' 112 | alias: Reset Fire Alarm 113 | initial_state: 'on' 114 | trigger: 115 | - platform: state 116 | entity_id: binary_sensor.fire_alarm 117 | to: 'on' 118 | for: 119 | seconds: 300 120 | action: 121 | - service: mqtt.publish 122 | data: 123 | topic: tele/RF_Bridge/RESULT 124 | payload: 6D5E28off 125 | - id: '910112211' 126 | alias: Ground PIR Pushover 127 | trigger: 128 | - platform: state 129 | entity_id: binary_sensor.ground_hallway_motion 130 | to: 'on' 131 | action: 132 | service: notify.pushover 133 | data: 134 | message: Ground Hallway PIR 135 | title: Motion Detected 136 | - id: '910166211' 137 | alias: First PIR Pushover 138 | trigger: 139 | - entity_id: binary_sensor.first_hallway_motion 140 | from: 'off' 141 | platform: state 142 | to: 'on' 143 | action: 144 | - data: 145 | message: First Hallway PIR 146 | title: Motion Detected 147 | service: notify.pushover 148 | - id: '91016627711' 149 | alias: Office PIR Pushover 150 | trigger: 151 | - device_id: 97a8f57a55ac4a98848ba6062436cfc1 152 | domain: binary_sensor 153 | entity_id: binary_sensor.tradfri_motion_sensor 154 | platform: device 155 | type: motion 156 | action: 157 | - brightness_pct: 100 158 | device_id: edc1241d41894acdb543685166d12c80 159 | domain: light 160 | entity_id: light.optihub_rgb 161 | type: turn_on 162 | - delay: '15' 163 | - device_id: edc1241d41894acdb543685166d12c80 164 | domain: light 165 | entity_id: light.optihub_rgb 166 | type: turn_off 167 | - id: '1591392891617' 168 | alias: IKEA Remote Left Button 169 | description: '' 170 | trigger: 171 | - event_data: 172 | event: 4002 173 | id: tradfri_remote_control 174 | event_type: deconz_event 175 | platform: event 176 | condition: [] 177 | action: 178 | - condition: state 179 | entity_id: light.optihub_rgb 180 | state: toggle 181 | - id: '1591549778285' 182 | alias: Master Bedside Sam Motion 183 | description: '' 184 | trigger: 185 | - device_id: 7f4bb8e00a9843aa9e61b2d4038218e6 186 | domain: binary_sensor 187 | entity_id: binary_sensor.master_bedside_sam_pir_sensor 188 | platform: device 189 | type: motion 190 | condition: [] 191 | action: 192 | - brightness_pct: 100 193 | device_id: 7f4bb8e00a9843aa9e61b2d4038218e6 194 | domain: light 195 | entity_id: light.master_bedside_sam_rgb_light 196 | type: turn_on 197 | - delay: '10' 198 | - device_id: 7f4bb8e00a9843aa9e61b2d4038218e6 199 | domain: light 200 | entity_id: light.master_bedside_sam_rgb_light 201 | type: turn_off 202 | - id: '1591915449028' 203 | alias: Kitchen Corner PIR 204 | description: '' 205 | trigger: 206 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 207 | domain: binary_sensor 208 | entity_id: binary_sensor.kitchen_corner_pir 209 | platform: device 210 | type: motion 211 | condition: 212 | - condition: not 213 | conditions: 214 | - condition: state 215 | entity_id: light.kitchen_corner_rgb 216 | state: 'on' 217 | action: 218 | - brightness_pct: 100 219 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 220 | domain: light 221 | entity_id: light.kitchen_corner_rgb 222 | type: turn_on 223 | - delay: '180' 224 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 225 | domain: light 226 | entity_id: light.kitchen_corner_rgb 227 | type: turn_off 228 | - id: '1591915519944' 229 | alias: Kitchen Sink PIR 230 | description: '' 231 | trigger: 232 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 233 | domain: binary_sensor 234 | entity_id: binary_sensor.kitchen_sink_pir 235 | platform: device 236 | type: motion 237 | condition: 238 | - condition: not 239 | conditions: 240 | - condition: state 241 | entity_id: light.kitchen_sink_rgb 242 | state: 'on' 243 | action: 244 | - brightness_pct: 100 245 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 246 | domain: light 247 | entity_id: light.kitchen_sink_rgb 248 | type: turn_on 249 | - delay: '180' 250 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 251 | domain: light 252 | entity_id: light.kitchen_sink_rgb 253 | type: turn_off 254 | - id: '1592089195656' 255 | alias: Back Door Lights On Inside 256 | description: '' 257 | trigger: 258 | - entity_id: binary_sensor.openclose_19 259 | from: 'off' 260 | platform: state 261 | to: 'on' 262 | condition: 263 | - condition: device 264 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 265 | domain: binary_sensor 266 | entity_id: binary_sensor.kitchen_corner_pir 267 | type: is_no_motion 268 | - condition: device 269 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 270 | domain: binary_sensor 271 | entity_id: binary_sensor.kitchen_sink_pir 272 | type: is_no_motion 273 | action: 274 | - brightness_pct: 100 275 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 276 | domain: light 277 | entity_id: light.kitchen_sink_rgb 278 | type: turn_on 279 | - delay: '2' 280 | - brightness_pct: 100 281 | device_id: 2c2892dc4f8049c8a0e3ce419e816442 282 | domain: light 283 | entity_id: light.kitchen_corner_rgb 284 | type: turn_on 285 | - delay: '30' 286 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 287 | domain: light 288 | entity_id: light.kitchen_sink_rgb 289 | type: turn_off 290 | - device_id: 2c2892dc4f8049c8a0e3ce419e816442 291 | domain: light 292 | entity_id: light.kitchen_corner_rgb 293 | type: turn_off 294 | - id: change_switch_01_state 295 | alias: Change switch 01 state 296 | trigger: 297 | platform: state 298 | entity_id: binary_sensor.office_button_a 299 | to: 'on' 300 | action: 301 | - service: switch.toggle 302 | data: 303 | entity_id: switch.button_office_lamp_1 304 | - id: '1593119650807' 305 | alias: Button Office Lamp 306 | description: '' 307 | trigger: 308 | - entity_id: binary_sensor.office_button_a 309 | from: 'off' 310 | platform: state 311 | to: 'on' 312 | condition: [] 313 | action: 314 | - device_id: 1cdb60766cbb4ffc8b12ac9713fb1b55 315 | domain: switch 316 | entity_id: switch.office_lamp 317 | type: toggle 318 | - id: '1593120217386' 319 | alias: Button Office LightLow 320 | description: '' 321 | trigger: 322 | - entity_id: binary_sensor.office_button_b 323 | from: 'off' 324 | platform: state 325 | to: 'on' 326 | condition: [] 327 | action: 328 | - data: 329 | brightness: 127 330 | entity_id: light.office 331 | service: light.turn_on 332 | - id: '1593120274755' 333 | alias: Button Office Light High 334 | description: '' 335 | trigger: 336 | - entity_id: binary_sensor.office_button_c 337 | from: 'off' 338 | platform: state 339 | to: 'on' 340 | condition: [] 341 | action: 342 | - data: 343 | brightness: 255 344 | entity_id: light.office 345 | service: light.turn_on 346 | - id: '1593120664574' 347 | alias: Button Office Light Low Toggle 348 | description: '' 349 | trigger: 350 | - entity_id: binary_sensor.office_button_b 351 | from: 'off' 352 | platform: state 353 | to: 'on' 354 | condition: 355 | - condition: state 356 | entity_id: light.office 357 | state: 'on' 358 | action: 359 | - device_id: b602d38aa5044d288637244b90c477a4 360 | domain: light 361 | entity_id: light.office_light 362 | type: turn_off 363 | - id: '1593120770317' 364 | alias: Button Office Light High 365 | description: '' 366 | trigger: 367 | - entity_id: binary_sensor.office_button_c 368 | from: 'off' 369 | platform: state 370 | to: 'on' 371 | condition: 372 | - condition: state 373 | entity_id: light.office 374 | state: 'on' 375 | action: 376 | - device_id: b602d38aa5044d288637244b90c477a4 377 | domain: light 378 | entity_id: light.office_light 379 | type: turn_off 380 | - id: '354614736547367' 381 | alias: Reset Letter Box 382 | trigger: 383 | - entity_id: binary_sensor.letter_box 384 | for: 0:00:05 385 | from: 'off' 386 | platform: state 387 | to: 'on' 388 | action: 389 | - data: 390 | payload: 5B30E9off 391 | topic: tele/RF_Bridge/RESULT 392 | service: mqtt.publish 393 | initial_state: 'on' 394 | - id: '1593202103535' 395 | alias: Pushover Letter Box 396 | description: '' 397 | trigger: 398 | - entity_id: binary_sensor.letter_box 399 | from: 'off' 400 | platform: state 401 | to: 'on' 402 | condition: [] 403 | action: 404 | - service: camera.snapshot 405 | data: 406 | entity_id: camera.swk_cr_uniuvc1 407 | filename: /config/www/tmp/snapshot_camera.swk_cr_uniuvc1.jpg 408 | - service: light.turn_on 409 | data: 410 | brightness: 255 411 | rgb_color: 412 | - 65 413 | - 105 414 | - 225 415 | effect: strobe 416 | entity_id: light.master_bedside_sam_rgb_light 417 | - service: notify.pushover 418 | data_template: 419 | data: 420 | attachment: /config/www/tmp/snapshot_camera.swk_cr_uniuvc1.jpg 421 | priority: 0 422 | sound: spacealarm 423 | message: You got mail at {{ now().strftime('%-I:%M:%S %p %-m/%-d/%y') }} 424 | title: Home Assistant - Letter Box 425 | - id: '159321314503535' 426 | alias: Pushover Door Bell Alert 427 | description: '' 428 | trigger: 429 | - entity_id: binary_sensor.front_doorbell 430 | from: 'off' 431 | platform: state 432 | to: 'on' 433 | condition: [] 434 | action: 435 | - data: 436 | entity_id: camera.swk_cr_uniuvc1 437 | filename: /config/www/tmp/snapshot_camera.swk_cr_uniuvc1.jpg 438 | service: camera.snapshot 439 | - data_template: 440 | data: 441 | attachment: /config/www/tmp/snapshot_camera.swk_cr_uniuvc1.jpg 442 | message: Who goes there {{ now().strftime('%-I:%M:%S %p') }} 443 | title: Home Assistant - Door Bell Alert 444 | service: notify.pushover 445 | - id: '1593714498412' 446 | alias: pushover front door 447 | description: '' 448 | trigger: 449 | - entity_id: binary_sensor.openclose_26 450 | from: 'off' 451 | platform: state 452 | to: 'on' 453 | condition: [] 454 | action: 455 | - data: 456 | message: Front door opened 457 | title: Home Assistant 458 | service: notify.pushover 459 | - id: '1594190390871' 460 | alias: Pushover Living Room Motion 461 | description: '' 462 | trigger: 463 | - device_id: b349487613fe44f68f08d041924e64f1 464 | domain: binary_sensor 465 | entity_id: binary_sensor.living_room_tv_cabinet_pir_sensor 466 | platform: device 467 | type: motion 468 | condition: [] 469 | action: 470 | - data: 471 | message: Living Room Motion 472 | title: Home Assistant 473 | service: notify.pushover 474 | - id: '91011231211' 475 | alias: Second Floor Lights 476 | trigger: 477 | - entity_id: binary_sensor.tradfri_motion_sensor 478 | platform: state 479 | to: 'on' 480 | condition: 481 | - after: '21:00' 482 | before: 04:00 483 | condition: time 484 | action: 485 | - data: 486 | brightness_pct: 10 487 | color_temp: 300 488 | entity_id: light.second_ceiling_lights 489 | service: light.turn_on 490 | - delay: '15' 491 | - data: 492 | entity_id: light.second_ceiling_lights 493 | service: light.turn_off 494 | - id: '1594758544308' 495 | alias: Master Bedroom Door Night Light 496 | description: '' 497 | trigger: 498 | - entity_id: binary_sensor.window_door_sensor_4 499 | from: 'off' 500 | platform: state 501 | to: 'on' 502 | condition: [] 503 | action: 504 | - data: 505 | brightness_pct: 20 506 | color_temp: 43 507 | entity_id: light.second_ceiling_master 508 | service: light.turn_on 509 | - delay: '10' 510 | - data: {} 511 | entity_id: light.second_ceiling_master 512 | service: light.turn_off 513 | - id: 1594sdsdsds308 514 | alias: Office Door Night Light 515 | description: '' 516 | trigger: 517 | - entity_id: binary_sensor.openclose_21 518 | from: 'off' 519 | platform: state 520 | to: 'on' 521 | condition: [] 522 | action: 523 | - data: 524 | brightness_pct: 10 525 | color_temp: 43 526 | entity_id: light.second_ceiling_office 527 | service: light.turn_on 528 | - delay: '10' 529 | - data: {} 530 | entity_id: light.second_ceiling_office 531 | service: light.turn_off 532 | - id: '1594870532770' 533 | alias: '111222333' 534 | description: '' 535 | trigger: 536 | - entity_id: binary_sensor.tradfri_motion_sensor 537 | from: 'off' 538 | platform: state 539 | to: 'on' 540 | condition: [] 541 | action: 542 | - data: 543 | data: 544 | priority: 2 545 | message: Office Door PIR 546 | title: Motion Detected 547 | service: notify.pushover 548 | -------------------------------------------------------------------------------- /components/binary_sensors/433_first_hallway_pir.yaml: -------------------------------------------------------------------------------- 1 | platform: mqtt 2 | state_topic: "tele/RF_Bridge/RESULT" 3 | name: First Hallway Motion 4 | value_template: '{{value_json.RfReceived.Data}}' 5 | payload_on: '63044A' 6 | payload_off: '63044Aoff' 7 | device_class: motion 8 | #optimistic: false 9 | qos: 1 10 | #retain: false 11 | -------------------------------------------------------------------------------- /components/binary_sensors/433_front_doorbell.yaml: -------------------------------------------------------------------------------- 1 | platform: mqtt 2 | state_topic: "tele/RF_Bridge/RESULT" 3 | name: Front Doorbell 4 | value_template: '{{value_json.RfReceived.Data}}' 5 | payload_on: '9D8008' 6 | payload_off: '9D8008off' 7 | device_class: motion 8 | #optimistic: false 9 | qos: 1 10 | #retain: false -------------------------------------------------------------------------------- /components/binary_sensors/433_ground_hallway_pir.yaml: -------------------------------------------------------------------------------- 1 | platform: mqtt 2 | state_topic: "tele/RF_Bridge/RESULT" 3 | name: Ground Hallway Motion 4 | value_template: '{{value_json.RfReceived.Data}}' 5 | payload_on: '0B104A' 6 | payload_off: '0B104Aoff' 7 | device_class: motion 8 | #optimistic: false 9 | qos: 1 10 | #retain: false 11 | -------------------------------------------------------------------------------- /components/binary_sensors/433_letter_box.yaml: -------------------------------------------------------------------------------- 1 | platform: mqtt 2 | state_topic: "tele/RF_Bridge/RESULT" 3 | name: Letter Box 4 | value_template: '{{value_json.RfReceived.Data}}' 5 | payload_on: '5B30E9' 6 | payload_off: '5B30E9off' 7 | device_class: door 8 | #optimistic: false 9 | qos: 1 10 | #retain: false -------------------------------------------------------------------------------- /components/binary_sensors/433_smoke_alarm.yaml: -------------------------------------------------------------------------------- 1 | platform: mqtt 2 | state_topic: "tele/RF_Bridge/RESULT" 3 | name: Fire Alarm 4 | value_template: '{{value_json.RfReceived.Data}}' 5 | payload_on: '6D5E28' 6 | payload_off: '6D5E28off' 7 | device_class: smoke 8 | #optimistic: false 9 | qos: 1 10 | #retain: false -------------------------------------------------------------------------------- /components/binary_sensors/apdown.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret apdown_host 3 | name: UniFi AP Down -------------------------------------------------------------------------------- /components/binary_sensors/apiw.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret apiw_host 3 | name: UniFi AP IW -------------------------------------------------------------------------------- /components/binary_sensors/apup.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret apup_host 3 | name: UniFi AP Up -------------------------------------------------------------------------------- /components/binary_sensors/deconz_pi.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret deconz_host 3 | name: SWC-RSPN-DCZG -------------------------------------------------------------------------------- /components/binary_sensors/dell_t330.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret dell_t330_host 3 | name: Dell T330 -------------------------------------------------------------------------------- /components/binary_sensors/esp_livingcorner.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: 192.168.1.234 3 | name: Living Room Corner -------------------------------------------------------------------------------- /components/binary_sensors/esxi_host.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret esxi_host 3 | name: ESXi Host -------------------------------------------------------------------------------- /components/binary_sensors/hb_tracker.yaml: -------------------------------------------------------------------------------- 1 | platform: template 2 | sensors: 3 | hb_master_door_sensor: 4 | entity_id: 5 | - sensor.hb_master_door_sensor 6 | value_template: >- 7 | {{ states('sensor.hb_master_door_sensor')|int > 43200 }} 8 | 9 | hb_office_door_sensor: 10 | entity_id: 11 | - sensor.hb_office_door_sensor 12 | value_template: >- 13 | {{ states('sensor.hb_office_door_sensor')|int > 43200 }} 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/binary_sensors/nest.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: 192.168.1.10 3 | name: Nest -------------------------------------------------------------------------------- /components/binary_sensors/office_button_lamp.yaml: -------------------------------------------------------------------------------- 1 | 2 | platform: mqtt 3 | state_topic: "tele/RF_Bridge/RESULT" 4 | name: Office Button A 5 | value_template: '{{value_json.RfReceived.Data}}' 6 | payload_on: '00A0B4' 7 | payload_off: '00A0B4off' 8 | device_class: power 9 | #optimistic: false 10 | qos: 1 11 | #retain: false 12 | off_delay: 1 -------------------------------------------------------------------------------- /components/binary_sensors/office_button_lighthigh.yaml: -------------------------------------------------------------------------------- 1 | 2 | platform: mqtt 3 | state_topic: "tele/RF_Bridge/RESULT" 4 | name: Office Button C 5 | value_template: '{{value_json.RfReceived.Data}}' 6 | payload_on: '00A0B1' 7 | payload_off: '00A0B1off' 8 | device_class: power 9 | #optimistic: false 10 | qos: 1 11 | #retain: false 12 | off_delay: 1 -------------------------------------------------------------------------------- /components/binary_sensors/office_button_lightlow.yaml: -------------------------------------------------------------------------------- 1 | 2 | platform: mqtt 3 | state_topic: "tele/RF_Bridge/RESULT" 4 | name: Office Button B 5 | value_template: '{{value_json.RfReceived.Data}}' 6 | payload_on: '00A0B2' 7 | payload_off: '00A0B2off' 8 | device_class: power 9 | #optimistic: false 10 | qos: 1 11 | #retain: false 12 | off_delay: 1 -------------------------------------------------------------------------------- /components/binary_sensors/pihole_ip.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret pi_hole_host 3 | name: SWC-RSPN-PIHL -------------------------------------------------------------------------------- /components/binary_sensors/samsungm5.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: 192.168.1.11 3 | name: Samsung M5 -------------------------------------------------------------------------------- /components/binary_sensors/swkdvbpi.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret swkdvbpi_host 3 | name: SWK-DVBPi01 -------------------------------------------------------------------------------- /components/binary_sensors/swkrfbridge.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret swkrfbridge_host 3 | name: SWK-RFBridge -------------------------------------------------------------------------------- /components/binary_sensors/swkvmplexsrv.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret swkvmplexsrv_host 3 | name: SWC-VUS18-PMS -------------------------------------------------------------------------------- /components/binary_sensors/swkvmwbsrv.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret swkvmwbsrv_host 3 | name: SWC-VUS18-WEB -------------------------------------------------------------------------------- /components/binary_sensors/temp_hall.yaml: -------------------------------------------------------------------------------- 1 | #platform: template 2 | #sensors: 3 | # hallway_motion: 4 | # value_template: '{% if is_state("binary_sensor.hallway_motion", "off") %}Clear{% else %}Alert{% endif %}' 5 | # friendly_name: 'Hallway Motion' 6 | # device_class: motion 7 | 8 | #platform: template 9 | #sensors: 10 | # hallway_motion: 11 | # value_template: "{% if is_state('binary_sensor.hallway_motion', 'off') %}Clear{% else %}Alert{% endif %}" 12 | 13 | platform: template 14 | sensors: 15 | hall_pir: 16 | device_class: motion 17 | entity_id: 18 | - binary_sensor.hallway_motion 19 | value_template: >- 20 | {% if is_state("binary_sensor.hall_pir", "on") %} 21 | mdi:weather-sunset-up 22 | {% else %} 23 | mdi:weather-sunset-down 24 | {% endif %} -------------------------------------------------------------------------------- /components/binary_sensors/test.yaml: -------------------------------------------------------------------------------- 1 | platform: template 2 | sensors: 3 | 433_ground_motion_status: 4 | friendly_name: "Ground Floor Status" 5 | device_class: connectivity 6 | value_template: '{{ as_timestamp(states.binary_sensor.ground_hallway_motion.last_changed) + 900 < as_timestamp(now()) }}' -------------------------------------------------------------------------------- /components/binary_sensors/tracking_zig433_test.yaml: -------------------------------------------------------------------------------- 1 | # platform: template 2 | # binary_sensor: 3 | # updated_ago: 4 | # entity_id: 5 | # - binary_sensor.openclose_21 6 | # value_template: >- 7 | # {{ states.binary_sensor.openclose_21.last_updated|int }} -------------------------------------------------------------------------------- /components/binary_sensors/unficontroller.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret unificontroller_host 3 | name: UniFi Controller -------------------------------------------------------------------------------- /components/binary_sensors/unifiswitch.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret unifiswitch_host 3 | name: UniFi 16 Switch -------------------------------------------------------------------------------- /components/binary_sensors/unifiusg.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret unifiusg_host 3 | name: UniFi USG -------------------------------------------------------------------------------- /components/binary_sensors/uvcback.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret uvcback_host 3 | name: UniFi UVC Back -------------------------------------------------------------------------------- /components/binary_sensors/uvcfront.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret uvcfront_host 3 | name: UniFi UVC Front -------------------------------------------------------------------------------- /components/binary_sensors/uvckitchen.yaml: -------------------------------------------------------------------------------- 1 | platform: ping 2 | host: !secret uvckitchen_host 3 | name: UniFi UVC Garage -------------------------------------------------------------------------------- /components/media_player/ps4.yaml: -------------------------------------------------------------------------------- 1 | platform: ps4 2 | host: !secret ps4_host -------------------------------------------------------------------------------- /components/media_player/samsung_multi_room.yaml: -------------------------------------------------------------------------------- 1 | platform: samsung_multi_room 2 | name: "Soundbar" # name, otherwise it will use name of your soundbar 3 | host: 192.168.1.11 # ip of YOUR soundbar 4 | max_volume: 5 # on this level glass breaks, and there are 80 levels more on K650... 5 | power_options: True # enable/disable power options -------------------------------------------------------------------------------- /components/media_player/spotify.yaml: -------------------------------------------------------------------------------- 1 | platform: spotify 2 | client_id: !secret spotify_clientid 3 | client_secret: !secret spotify_clientsecret -------------------------------------------------------------------------------- /components/packages/alarm_panel.yaml: -------------------------------------------------------------------------------- 1 | alarm_control_panel: 2 | - platform: manual 3 | name: Home Alarm 4 | code: !secret alarm_panel_code 5 | arming_time: 30 6 | delay_time: 20 7 | trigger_time: 4 8 | disarmed: 9 | trigger_time: 0 10 | armed_home: 11 | arming_time: 0 12 | delay_time: 0 -------------------------------------------------------------------------------- /components/packages/badnest.yaml: -------------------------------------------------------------------------------- 1 | badnest: 2 | issue_token: !secret badnest_issue_token 3 | cookie: !secret badnest_cookie 4 | region: eu 5 | -------------------------------------------------------------------------------- /components/packages/binary_sensors.yaml: -------------------------------------------------------------------------------- 1 | binary_sensor: !include_dir_list ../binary_sensors -------------------------------------------------------------------------------- /components/packages/browser_mod.yaml: -------------------------------------------------------------------------------- 1 | browser_mod: -------------------------------------------------------------------------------- /components/packages/camera.yaml: -------------------------------------------------------------------------------- 1 | camera: 2 | - platform: generic 3 | name: UVC-G3 Front 4 | still_image_url: !secret uvcg1_still_source 5 | stream_source: !secret uvcg1_stream_source 6 | verify_ssl: false 7 | - platform: generic 8 | name: UVC-G3 Back 9 | still_image_url: !secret uvcg2_still_source 10 | stream_source: !secret uvcg2_stream_source 11 | verify_ssl: false 12 | - platform: generic 13 | name: UVC-G3 Back 14 | still_image_url: !secret uvcg3_still_source 15 | stream_source: !secret uvcg3_stream_source 16 | verify_ssl: false 17 | -------------------------------------------------------------------------------- /components/packages/climate.yaml: -------------------------------------------------------------------------------- 1 | climate: 2 | - platform: badnest 3 | scan_interval: 10 -------------------------------------------------------------------------------- /components/packages/cloud.yaml: -------------------------------------------------------------------------------- 1 | cloud: -------------------------------------------------------------------------------- /components/packages/config.yaml: -------------------------------------------------------------------------------- 1 | config: -------------------------------------------------------------------------------- /components/packages/device_trackers.yaml: -------------------------------------------------------------------------------- 1 | device_tracker: !include_dir_list ../device_trackers -------------------------------------------------------------------------------- /components/packages/discovery.yaml: -------------------------------------------------------------------------------- 1 | discovery: 2 | ignore: 3 | - yeelight 4 | - sabnzbd -------------------------------------------------------------------------------- /components/packages/ffmpeg.yaml: -------------------------------------------------------------------------------- 1 | ffmpeg: -------------------------------------------------------------------------------- /components/packages/frontend.yaml: -------------------------------------------------------------------------------- 1 | frontend: 2 | themes: !include_dir_merge_named ../../themes -------------------------------------------------------------------------------- /components/packages/garbage_collection.yaml: -------------------------------------------------------------------------------- 1 | garbage_collection: 2 | sensors: 3 | - name: General 4 | frequency: 'even-weeks' 5 | collection_days: wed 6 | verbose_state: True 7 | verbose_format: '{days} days' 8 | - name: Recycling 9 | frequency: 'odd-weeks' 10 | collection_days: wed 11 | verbose_state: True 12 | verbose_format: '{days} days' 13 | - name: Garden 14 | frequency: 'odd-weeks' 15 | collection_days: wed 16 | verbose_state: True 17 | verbose_format: '{days} days' 18 | - name: Meter Readings 19 | frequency: 'annual' 20 | date: '06/19' 21 | include_dates: 22 | - '2020-07-19' 23 | - '2020-08-19' 24 | - '2020-09-19' 25 | - '2020-10-19' 26 | verbose_state: True 27 | verbose_format: '{days} days' -------------------------------------------------------------------------------- /components/packages/glances.yaml: -------------------------------------------------------------------------------- 1 | glances: 2 | - host: !secret glances_SWC-VUS18-HASS_host 3 | port: !secret glances_SWC-VUS18-HASS_port 4 | name: SWC-VUS18-HASS 5 | - host: !secret glances_SWC-VUS18-PMS_host 6 | port: !secret glances_SWC-VUS18-PMS_port 7 | name: SWC-VUS18-PMS -------------------------------------------------------------------------------- /components/packages/google_api.yaml: -------------------------------------------------------------------------------- 1 | google: 2 | client_id: !secret google_api_caldnr_clientid 3 | client_secret: !secret google_api_caldnr_clientskey 4 | track_new_calendar: true -------------------------------------------------------------------------------- /components/packages/group.yaml: -------------------------------------------------------------------------------- 1 | group: 2 | 3 | # ################################################### 4 | # ################## Door Sensors 5 | # ################################################### 6 | 7 | all_door_sensors: 8 | name: All Door Sensors 9 | #all: true 10 | icon: mdi:home 11 | entities: 12 | - binary_sensor.openclose_26 13 | - binary_sensor.openclose_30 14 | - binary_sensor.openclose_20 15 | - binary_sensor.openclose_19 16 | - binary_sensor.window_door_sensor 17 | - binary_sensor.openclose_22 18 | - binary_sensor.window_door_sensor_2 19 | - binary_sensor.window_door_sensor_4 20 | - binary_sensor.window_door_sensor_3 21 | - binary_sensor.openclose_21 22 | - binary_sensor.window_door_sensor_5 23 | 24 | ground_door_sensors: 25 | name: Ground Door Sensors 26 | #all: true 27 | icon: mdi:home 28 | entities: 29 | - binary_sensor.openclose_26 30 | - binary_sensor.openclose_30 31 | - binary_sensor.openclose_20 32 | - binary_sensor.openclose_19 33 | 34 | 35 | first_door_sensors: 36 | name: First Door Sensors 37 | #all: true 38 | icon: mdi:home 39 | entities: 40 | - binary_sensor.window_door_sensor 41 | - binary_sensor.openclose_22 42 | - binary_sensor.window_door_sensor_2 43 | 44 | second_door_sensors: 45 | name: Second Door Sensors 46 | #all: true 47 | icon: mdi:home 48 | entities: 49 | - binary_sensor.window_door_sensor_4 50 | - binary_sensor.window_door_sensor_3 51 | - binary_sensor.openclose_21 52 | - binary_sensor.window_door_sensor_5 53 | 54 | ground_floor_security: 55 | name: Ground Floor Security Sensors 56 | #all: true 57 | icon: mdi:home 58 | entities: 59 | - binary_sensor.openclose_26 60 | - binary_sensor.openclose_30 61 | - binary_sensor.openclose_20 62 | - binary_sensor.openclose_19 63 | - binary_sensor.ground_hallway_motion 64 | 65 | first_floor_security: 66 | name: First Floor Security Sensors 67 | #all: true 68 | icon: mdi:home 69 | entities: 70 | - binary_sensor.window_door_sensor 71 | - binary_sensor.openclose_22 72 | - binary_sensor.window_door_sensor_2 73 | - binary_sensor.first_hallway_motion 74 | 75 | second_floor_security: 76 | name: Second Floor Security Sensors 77 | #all: true 78 | icon: mdi:home 79 | entities: 80 | - binary_sensor.window_door_sensor_4 81 | - binary_sensor.window_door_sensor_3 82 | - binary_sensor.openclose_21 83 | - binary_sensor.window_door_sensor_5 84 | - binary_sensor.fire_alarm 85 | - binary_sensor.tradfri_motion_sensor 86 | 87 | 88 | pushover_notifications: 89 | name: Pushover Notifications 90 | #all: true 91 | icon: mdi:home 92 | entities: 93 | - automation.first_pir_pushover 94 | - automation.ground_pir_pushover 95 | - automation.office_pir_pushover 96 | 97 | kitchen_RGB_automations: 98 | name: Kitchen Under RGB Automations 99 | #all: true 100 | icon: mdi:home 101 | entities: 102 | - automation.back_door_lights_on_inside 103 | - automation.kitchen_corner_pir 104 | - automation.kitchen_sink_pir 105 | 106 | kitchen_RGB: 107 | name: Kitchen Under RGB Lights 108 | #all: true 109 | icon: mdi:led-strip-variant 110 | entities: 111 | - light.kitchen_corner_rgb 112 | - light.kitchen_sink_rgb 113 | 114 | zigbee_battery: 115 | name: ZigBee Battery Levels 116 | icon: mdi:battery-charging-wireless 117 | entities: 118 | - sensor.back_door_battery_level 119 | - sensor.first_floor_temp_battery_level 120 | - sensor.ground_floor_temp_battery_level 121 | - sensor.multi_sensor_2_battery_level 122 | - sensor.openclose_20_battery_level 123 | - sensor.openclose_21_battery_level 124 | - sensor.openclose_22_battery_level 125 | - sensor.openclose_26_battery_level 126 | - sensor.openclose_30_battery_level 127 | - sensor.openclose_31_battery_level 128 | - sensor.window_door_sensor_battery_level 129 | - sensor.tradfri_motion_sensor_battery_level 130 | - sensor.tradfri_remote_control_battery_level 131 | - sensor.window_door_sensor_2_battery_level 132 | - sensor.window_door_sensor_3_battery_level 133 | - sensor.window_door_sensor_4_battery_level 134 | - sensor.window_door_sensor_5_battery_level 135 | 136 | 433_rf_devices: 137 | name: 433Mhz RF Devices 138 | icon: mdi:radio-tower 139 | entities: 140 | - binary_sensor.ground_hallway_motion 141 | - binary_sensor.first_hallway_motion 142 | - binary_sensor.fire_alarm 143 | 144 | 433_rf_office_button: 145 | name: 433Mhz RF Office Button 146 | icon: mdi:radio-tower 147 | entities: 148 | - binary_sensor.office_button_a 149 | - binary_sensor.office_button_b 150 | - binary_sensor.office_button_c 151 | 152 | unifi_cameras: 153 | name: UniFi UVC Cameras 154 | icon: mdi:cctv 155 | entities: 156 | - camera.swk_cr_uniuvc1 157 | - camera.swk_cr_uniuvc2 158 | - camera.swk_cr_uniuvc3 159 | 160 | fire_alarm: 161 | name: Fire Alarms 162 | icon: mdi:fire 163 | entities: 164 | - binary_sensor.fire_alarm 165 | 166 | water_leak: 167 | name: Water Leak Sensors 168 | icon: mdi:water 169 | entities: 170 | - binary_sensor.fire_alarm 171 | 172 | pir_motion: 173 | name: PIR Motion Sensors 174 | icon: mdi:motion-sensor 175 | entities: 176 | - binary_sensor.ground_hallway_motion 177 | - binary_sensor.first_hallway_motion 178 | - binary_sensor.tradfri_motion_sensor 179 | # ################################################### 180 | # ################## Lights 181 | # ################################################### 182 | 183 | zigbee_devices: 184 | name: Zigbee Devices 185 | icon: mdi:zigbee 186 | entities: 187 | - binary_sensor.fire_alarm 188 | 189 | esphome_devices: 190 | name: ESPHome Devices 191 | icon: mdi:water 192 | entities: 193 | - binary_sensor.fire_alarm 194 | 195 | wifi_devices: 196 | name: WiFi Devices 197 | icon: mdi:wifi 198 | entities: 199 | - binary_sensor.fire_alarm 200 | 201 | 202 | 203 | # ground_lights: 204 | # name: Ground Floor Lights 205 | # #all: true 206 | # icon: mdi:home-floor-g 207 | # entities: 208 | # - switch.front_door_lamp 209 | # - switch.sonoff_10004008d2 210 | # - light.kitchen_under_rgb 211 | 212 | # first_lights: 213 | # name: First Floor Lights 214 | # #all: true 215 | # icon: mdi:home-floor-1 216 | # entities: 217 | # - switch.living_room_corner_lamp 218 | # - light.tvcabinet_rgb 219 | # - light.0x086bd7fffe0013f1_light 220 | 221 | # second_lights: 222 | # name: Second Floor Lights 223 | # #all: true 224 | # icon: mdi:home-floor-2 225 | # entities: 226 | # - switch.office_lamp 227 | # - light.office_light_light 228 | # - light.0x086bd7fffe0013f1_light 229 | # - switch.sonoff_1000ae39fc_2 230 | # - switch.sonoff_1000ae39fc_1 231 | # - light.master_bedside_sam_rgb_light 232 | 233 | 234 | # lights: 235 | # name: Lights 236 | # #all: true 237 | # icon: mdi:home 238 | # entities: 239 | # - switch.front_door_lamp 240 | # - switch.sonoff_10004008d2 241 | # - light.kitchen_under_rgb 242 | # - switch.living_room_corner_lamp 243 | # - light.tvcabinet_rgb 244 | # - light.0x086bd7fffe0013f1_light 245 | # - switch.office_lamp 246 | # - light.office_light_light 247 | # - light.0x086bd7fffe0013f1_light 248 | # - switch.sonoff_1000ae39fc_2 249 | # - switch.sonoff_1000ae39fc_1 250 | # - light.master_bedside_sam_rgb_light 251 | 252 | # ################################################### 253 | # ################## Automations 254 | # ################################################### 255 | 256 | # pushover_pir_notifications: 257 | # name: Pushover PIR Notifications 258 | # #all: true 259 | # icon: mdi:weather-cloudy-alert 260 | # entities: 261 | # - automation.first_pir_pushover 262 | # - automation.ground_pir_pushover 263 | # - automation.office_pir_pushover -------------------------------------------------------------------------------- /components/packages/history.yaml: -------------------------------------------------------------------------------- 1 | history: -------------------------------------------------------------------------------- /components/packages/http.yaml: -------------------------------------------------------------------------------- 1 | #http: 2 | # api_password: !secret api_pass -------------------------------------------------------------------------------- /components/packages/ifttt.yaml: -------------------------------------------------------------------------------- 1 | ifttt: 2 | key: !secret ifttt_apikey -------------------------------------------------------------------------------- /components/packages/light.yaml: -------------------------------------------------------------------------------- 1 | light: 2 | - platform: group 3 | name: Master Lights 4 | entities: 5 | - light.master_bedroom_bed 6 | - light.master_bedroom_wardrobe 7 | 8 | -------------------------------------------------------------------------------- /components/packages/logbook.yaml: -------------------------------------------------------------------------------- 1 | #logbook: -------------------------------------------------------------------------------- /components/packages/logger.yaml: -------------------------------------------------------------------------------- 1 | logger: 2 | default: info -------------------------------------------------------------------------------- /components/packages/lovelace.yaml: -------------------------------------------------------------------------------- 1 | #lovelace: 2 | #mode: yaml -------------------------------------------------------------------------------- /components/packages/map.yaml: -------------------------------------------------------------------------------- 1 | #map: -------------------------------------------------------------------------------- /components/packages/media_player.yaml: -------------------------------------------------------------------------------- 1 | media_player: !include_dir_list ../media_player -------------------------------------------------------------------------------- /components/packages/mobile_app.yaml: -------------------------------------------------------------------------------- 1 | mobile_app: -------------------------------------------------------------------------------- /components/packages/monitor_docker.yaml: -------------------------------------------------------------------------------- 1 | 2 | monitor_docker: 3 | - name: SWC-VUS18-BCKP Docker 4 | url: !secret monitor_docker_SWC-VUS18-BCKP_url 5 | containers: 6 | - davos 7 | - snipe-mysql 8 | - portainer 9 | - Nextcloud 10 | monitored_conditions: 11 | - version 12 | - containers_total 13 | - containers_running 14 | - containers_paused 15 | - containers_stopped 16 | - containers_cpu_percentage 17 | - containers_memory 18 | - containers_memory_percentage 19 | - images 20 | - status 21 | - uptime 22 | - image 23 | - cpu_percentage 24 | - memory 25 | - memory_percentage 26 | - network_speed_up 27 | - network_speed_down 28 | - network_total_up 29 | - network_total_down 30 | - name: SWI-VUS18-HASS Docker 31 | url: !secret monitor_docker_SWI-VUS18-HASS_url 32 | containers: 33 | - homeassistant 34 | - addon_a0d7b954_nodered 35 | - addon_15ef4d2f_esphome 36 | - addon_a0d7b954_jupyterlablite 37 | - addon_core_configurator 38 | - addon_core_ssh 39 | - addon_core_mosquitto 40 | - hassio_multicast 41 | - hassio_cli 42 | - hassio_audio 43 | - hassio_dns 44 | - hassio_supervisor 45 | - Portainer 46 | monitored_conditions: 47 | - version 48 | - containers_total 49 | - containers_running 50 | - containers_paused 51 | - containers_stopped 52 | - containers_cpu_percentage 53 | - containers_memory 54 | - containers_memory_percentage 55 | - images 56 | - status 57 | - uptime 58 | - image 59 | - cpu_percentage 60 | - memory 61 | - memory_percentage 62 | - network_speed_up 63 | - network_speed_down 64 | - network_total_up 65 | - network_total_down 66 | 67 | - name: SWI-VUS18-PMS Docker 68 | url: !secret monitor_docker_SWI-VUS18-PMS_url 69 | containers: 70 | - SABnzbd 71 | - Sonarr 72 | - Radarr 73 | - Jackett 74 | - Portainer 75 | - TransmissionPIA 76 | - LazyLibrarian 77 | - Tautulli 78 | monitored_conditions: 79 | - version 80 | - containers_total 81 | - containers_running 82 | - containers_paused 83 | - containers_stopped 84 | - containers_cpu_percentage 85 | - containers_memory 86 | - containers_memory_percentage 87 | - images 88 | - status 89 | - uptime 90 | - image 91 | - cpu_percentage 92 | - memory 93 | - memory_percentage 94 | - network_speed_up 95 | - network_speed_down 96 | - network_total_up 97 | - network_total_down -------------------------------------------------------------------------------- /components/packages/mqtt.yaml: -------------------------------------------------------------------------------- 1 | mqtt: 2 | broker: 127.0.0.1 3 | port: 1883 4 | username: !secret mqtt_user 5 | password: !secret mqtt_pass 6 | discovery: true -------------------------------------------------------------------------------- /components/packages/notify.yaml: -------------------------------------------------------------------------------- 1 | notify: 2 | - name: pushover 3 | platform: pushover 4 | api_key: !secret pushover_appapi 5 | user_key: !secret pushover_userapi -------------------------------------------------------------------------------- /components/packages/ombi.yaml: -------------------------------------------------------------------------------- 1 | ombi: 2 | api_key: !secret ombi_apikey 3 | host: !secret ombi_host 4 | username: !secret ombi_username 5 | port: 3579 6 | #urlbase: ombi/ 7 | ssl: false -------------------------------------------------------------------------------- /components/packages/owntracks.yaml: -------------------------------------------------------------------------------- 1 | owntracks: 2 | max_gps_accuracy: 30 3 | waypoints: true 4 | mqtt_topic: "owntracks/#" 5 | events_only: true 6 | # waypoint_whitelist: 7 | # - jon 8 | # - ram 9 | region_mapping: 10 | home: home 11 | work: work -------------------------------------------------------------------------------- /components/packages/recorder.old: -------------------------------------------------------------------------------- 1 | recorder: 2 | include: 3 | domains: 4 | - sensor 5 | - switch 6 | - media_player 7 | - binary_sensor -------------------------------------------------------------------------------- /components/packages/remote.yaml: -------------------------------------------------------------------------------- 1 | remote: 2 | - platform: broadlink 3 | host: !secret remote_host 4 | mac: !secret remote_mac 5 | type: rm_mini -------------------------------------------------------------------------------- /components/packages/sabnzbd.yaml: -------------------------------------------------------------------------------- 1 | sabnzbd: 2 | api_key: !secret sabnzbd_api 3 | host: !secret sabnzbd_host 4 | name: sabnzbd 5 | port: 8080 6 | sensors: 7 | - current_status 8 | - speed 9 | - queue_count 10 | - queue_size 11 | - queue_remaining 12 | - disk_size 13 | - disk_free 14 | - total_size -------------------------------------------------------------------------------- /components/packages/scene.yaml: -------------------------------------------------------------------------------- 1 | scene: !include_dir_list ../scenes -------------------------------------------------------------------------------- /components/packages/scripts.yaml: -------------------------------------------------------------------------------- 1 | script: !include_dir_merge_named ../scripts -------------------------------------------------------------------------------- /components/packages/sensors.yaml: -------------------------------------------------------------------------------- 1 | sensor: !include_dir_list ../sensors -------------------------------------------------------------------------------- /components/packages/sonoff_ewelink.yaml: -------------------------------------------------------------------------------- 1 | sonoff: 2 | username: !secret sonoff_username 3 | password: !secret sonoff_password 4 | reload: always -------------------------------------------------------------------------------- /components/packages/speed.yaml: -------------------------------------------------------------------------------- 1 | #speedtestdotnet: 2 | # scan_interval: 3 | # minutes: 30 4 | # name: SpeedTest 5 | # server_id: 3698 6 | # monitored_conditions: 7 | # - ping 8 | # - download 9 | # - upload 10 | 11 | speedtestdotnet: 12 | scan_interval: 13 | minutes: 30 14 | monitored_conditions: 15 | - ping 16 | - download 17 | - upload -------------------------------------------------------------------------------- /components/packages/ssl.yaml: -------------------------------------------------------------------------------- 1 | #http: 2 | # ssl_certificate: /config/www/ssl/fullchain.pem 3 | # ssl_key: /config/www/ssl/privkey.pem -------------------------------------------------------------------------------- /components/packages/stream.yaml: -------------------------------------------------------------------------------- 1 | stream: -------------------------------------------------------------------------------- /components/packages/sun.yaml: -------------------------------------------------------------------------------- 1 | sun: -------------------------------------------------------------------------------- /components/packages/switch.yaml: -------------------------------------------------------------------------------- 1 | switch: 2 | - platform: broadlink 3 | host: !secret remote_host 4 | mac: !secret remote_mac 5 | timeout: 15 6 | switches: 7 | tv_hitachi_power: 8 | friendly_name: "HITACHI TV Power" 9 | command_on: 'JgAwABkdOR4eHB4cHh0eOTscHjodHTscHgALEh0cOx0dHRweHhweOTofHTkeHDsdHgANBQAAAAAAAAAA' 10 | command_off: 'JgAwABkdOR4eHB4cHh0eOTscHjodHTscHgALEh0cOx0dHRweHhweOTofHTkeHDsdHgANBQAAAAAAAAAA' 11 | tv_hitachi_source: 12 | friendly_name: "HITACHI TV Source" 13 | command_on: 'JgA0ABceOR8cHhweHB4cOxwfHB4cHjkfGx8cAAsXGB45HhwfHB4cHhw7HB4cHxweOR4cHhwADQUAAAAA' 14 | #command_off: 'JgA0ABceOR8cHhweHB4cOxwfHB4cHjkfGx8cAAsXGB45HhwfHB4cHhw7HB4cHxweOR4cHhwADQUAAAAA' 15 | tv_hitachi_volumeup: 16 | friendly_name: "HITACHI TV Volume" 17 | command_on: 'JgBIABgcHhw7HR4cHhweOTs6OxweHB4dHAALGBceHB46HhweHB4cOzo7OR4cHhwfGwALFB0dHR07HB4cHh0dOjs5Ox0dHR0dHgANBQ==' 18 | #command_off: 'JgAwABkcHhw7HR0dHhweOTk8OR4cHhw7HgAK9xoeHB45Hh8cGx8cOzk7OR8cHhw7HAANBQAAAAAAAAAA' 19 | tv_hitachi_volumedown: 20 | friendly_name: "HITACHI TV Volume" 21 | command_on: 'JgAwABkcHhw7HR0dHhweOTk8OR4cHhw7HgAK9xoeHB45Hh8cGx8cOzk7OR8cHhw7HAANBQAAAAAAAAAA' 22 | #command_off: 'JgAwABkcHhw7HR0dHhweOTk8OR4cHhw7HgAK9xoeHB45Hh8cGx8cOzk7OR8cHhw7HAANBQAAAAAAAAAA' 23 | - platform: mqtt 24 | name: "button_office_lamp_1" 25 | command_topic: "cmnd/RF_Bridge/power" 26 | state_topic: "tele/RF_Bridge/POWER" 27 | qos: 1 28 | payload_on: "ON" 29 | payload_off: "OFF" 30 | retain: true -------------------------------------------------------------------------------- /components/packages/system_health.yaml: -------------------------------------------------------------------------------- 1 | system_health: -------------------------------------------------------------------------------- /components/packages/tts.yaml: -------------------------------------------------------------------------------- 1 | tts: 2 | - platform: google_translate 3 | cache: true 4 | cache_dir: /tmp/tts 5 | time_memory: 300 6 | base_url: !secret tts_base_url 7 | service_name: google_say -------------------------------------------------------------------------------- /components/packages/updater.yaml: -------------------------------------------------------------------------------- 1 | updater: -------------------------------------------------------------------------------- /components/packages/weather.yaml: -------------------------------------------------------------------------------- 1 | weather: -------------------------------------------------------------------------------- /components/packages/webhook.yaml: -------------------------------------------------------------------------------- 1 | webhook: -------------------------------------------------------------------------------- /components/packages/yeelight.yaml: -------------------------------------------------------------------------------- 1 | yeelight: 2 | devices: 3 | 192.168.1.219: 4 | name: Master Bedroom_Bed 5 | 192.168.1.218: 6 | name: Master Bedroom_Wardrobe -------------------------------------------------------------------------------- /components/packages/zones.yaml: -------------------------------------------------------------------------------- 1 | zone: !include_dir_list ../zones -------------------------------------------------------------------------------- /components/scenes/optihub.yaml: -------------------------------------------------------------------------------- 1 | name: Livingroom normal 2 | entities: 3 | light.optihub_rgb: 4 | state: on 5 | transition: 10 6 | brightness_pct: 100 -------------------------------------------------------------------------------- /components/scripts/getback.yaml: -------------------------------------------------------------------------------- 1 | get_back: 2 | alias: "get backf" 3 | sequence: 4 | - service: media_player.volume_set 5 | data: 6 | entity_id: media_player.living_room_speaker 7 | volume_level: 0.3 8 | 9 | - service: media_player.play_media 10 | data: 11 | entity_id: media_player.living_room_speaker 12 | media_content_id: 'https://www.myinstants.com/media/sounds/774.mp3' 13 | media_content_type: 'music' -------------------------------------------------------------------------------- /components/scripts/getbackkitchen.yaml: -------------------------------------------------------------------------------- 1 | get_back_kitchen: 2 | alias: "get back kitchen" 3 | sequence: 4 | - service: media_player.play_media 5 | data: 6 | entity_id: media_player.samsung_spk_wam550 7 | media_content_id: 'https://www.myinstants.com/media/sounds/774.mp3' 8 | media_content_type: 'music' -------------------------------------------------------------------------------- /components/scripts/hass_restart.yaml: -------------------------------------------------------------------------------- 1 | restart_home_assistant: 2 | alias: Restart Home Assistant 3 | sequence: 4 | - alias: Restart Home Assistant 5 | service: homeassistant.restart -------------------------------------------------------------------------------- /components/scripts/hitchtv.yaml: -------------------------------------------------------------------------------- 1 | tv_hit_source: 2 | sequence: 3 | - service: broadlink.send 4 | data: 5 | host: !secret remote_host 6 | packet: 7 | - "JgA0ABceOR8cHhweHB4cOxwfHB4cHjkfGx8cAAsXGB45HhwfHB4cHhw7HB4cHxweOR4cHhwADQUAAAAA" 8 | tv_hit_volup: 9 | sequence: 10 | - service: remote.send_command 11 | data: 12 | host: !secret remote_host 13 | packet: 14 | - "JgBIABgcHhw7HR4cHhweOTs6OxweHB4dHAALGBceHB46HhweHB4cOzo7OR4cHhwfGwALFB0dHR07HB4cHh0dOjs5Ox0dHR0dHgANBQ==" 15 | tv_hit_voldown: 16 | sequence: 17 | - service: remote.send_command 18 | data: 19 | host: !secret remote_host 20 | packet: 21 | - "JgAwABkcHhw7HR0dHhweOTk8OR4cHhw7HgAK9xoeHB45Hh8cGx8cOzk7OR8cHhw7HAANBQAAAAAAAAAA" 22 | tv_hit_keyup: 23 | sequence: 24 | - service: broadlink.send 25 | data: 26 | host: !secret remote_host 27 | packet: 28 | - "JgAsABcfHR07HB4cHB8bPDk7OTw7HB4ACxIcHh4cOxwcHx0dHjk7OTs6OxweAA0FAAAAAAAAAAAAAAAA" 29 | tv_hit_keydown: 30 | sequence: 31 | - service: broadlink.send 32 | data: 33 | host: !secret remote_host 34 | packet: 35 | - "JgAwABceOR4cHhwfHB4cOzk7OR8cOxweHAAK9xweOR4cHh0eHB4cOzk7OR8cOxweHAANBQAAAAAAAAAA" 36 | tv_hit_keyleft: 37 | sequence: 38 | - service: broadlink.send 39 | data: 40 | host: !secret remote_host 41 | packet: 42 | - "JgAsABYfHR07HB4cHh0eOTs5OTw7OR4ACvUeHB4cOxwcHx4cHjk5Ozs6OzkeAA0FAAAAAAAAAAAAAAAA" 43 | tv_hit_keyright: 44 | sequence: 45 | - service: broadlink.send 46 | data: 47 | host: !secret remote_host 48 | packet: 49 | - "JgAsABceOh4cHxwdHB8cOzk8ODwcHjkACxUaHzkeHB4cHhwfHDs5Ozk8HB45AA0FAAAAAAAAAAAAAAAA" 50 | tv_hit_ok: 51 | sequence: 52 | - service: broadlink.send 53 | data: 54 | host: !secret remote_host 55 | packet: 56 | - "JgAwABceHB85HhweHB4cPBweHB45Ozo7HAAK9hwfHB45HhweHB8cOx0dHB45PDk7HAANBQAAAAAAAAAA" 57 | tv_hit_back: 58 | sequence: 59 | - service: broadlink.send 60 | data: 61 | host: !secret remote_host 62 | packet: 63 | - "JgAsABkcHB85Hh4cHB4eOjkeHDs7OjkACxcZHxweOR4eHRweHjk7HBw8OTs7AA0FAAAAAAAAAAAAAAAA" 64 | tv_hit_exit: 65 | sequence: 66 | - service: broadlink.send 67 | data: 68 | host: !secret remote_host 69 | packet: 70 | - "JgAwABgeOxweHR0dHhweOR4cOx0eOTs5HAAK9h4dOxwcHhweHh0eORweOxweOjs5HAANBQAAAAAAAAAA" 71 | tv_hit_menu: 72 | sequence: 73 | - service: broadlink.send 74 | data: 75 | host: !secret remote_host 76 | packet: 77 | - "JgA0ABkcHhw7HR4cHhweOh0dHhw7HB4dHR0eAAsTHR0cHjscHhweHR45HhweHDsdHhweHB4ADQUAAAAA" 78 | tv_hit_netflix: 79 | sequence: 80 | - service: broadlink.send 81 | data: 82 | host: !secret remote_host 83 | packet: 84 | - "JgA0ABceHB47HRweHhweOR4cOx0dOhweHB4eAAr2Gh4eHTscHhwcHhw8HB47HB45Hh0eHBwADQUAAAAA" 85 | tv_hit_subtitles: 86 | sequence: 87 | - service: broadlink.send 88 | data: 89 | host: !secret remote_host 90 | packet: 91 | - "JgA0ABceOh4cHhweHB4cPDk7HB4cHhwfHB4cAAr3Gx87HBweHB4cHxw7OTscHhwfHB4cHhwADQUAAAAA" 92 | tv_hit_info: 93 | sequence: 94 | - service: broadlink.send 95 | data: 96 | host: !secret remote_host 97 | packet: 98 | - "JgAsABceHB85HhweHB4cPDs5OR8cOzsACxMbHhweOR8eHB4cHjk7OjscHjk8AA0FAAAAAAAAAAAAAAAA" 99 | tv_hit_power: 100 | sequence: 101 | - service: broadlink.send 102 | data: 103 | host: !secret remote_host 104 | packet: 105 | - "JgAwABkdOR4eHB4cHh0eOTscHjodHTscHgALEh0cOx0dHRweHhweOTofHTkeHDsdHgANBQAAAAAAAAAA" -------------------------------------------------------------------------------- /components/scripts/letterbox_alert.yaml: -------------------------------------------------------------------------------- 1 | letterbox_alert: 2 | alias: "Letter Box Alert" 3 | sequence: 4 | - service: media_player.volume_set 5 | data: 6 | entity_id: media_player.living_room_speaker 7 | volume_level: 0.5 8 | 9 | - service: media_player.play_media 10 | data: 11 | entity_id: media_player.living_room_speaker 12 | media_content_id: 'https://www.tones7.com/media/youvegotmail.mp3' 13 | media_content_type: 'music' 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /components/scripts/monitor_off.yaml: -------------------------------------------------------------------------------- 1 | monitor_off: 2 | alias: Monitor Off 3 | sequence: 4 | - service: shell_command.monitor_off -------------------------------------------------------------------------------- /components/scripts/monitor_on.yaml: -------------------------------------------------------------------------------- 1 | monitor_on: 2 | alias: Monitor On 3 | sequence: 4 | - service: shell_command.monitor_on -------------------------------------------------------------------------------- /components/scripts/ps4back.yaml: -------------------------------------------------------------------------------- 1 | ps4back: 2 | alias: PS4 Back 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: back -------------------------------------------------------------------------------- /components/scripts/ps4down.yaml: -------------------------------------------------------------------------------- 1 | ps4down: 2 | alias: PS4 Down 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: down -------------------------------------------------------------------------------- /components/scripts/ps4enter.yaml: -------------------------------------------------------------------------------- 1 | ps4enter: 2 | alias: PS4 Enter 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: enter -------------------------------------------------------------------------------- /components/scripts/ps4left.yaml: -------------------------------------------------------------------------------- 1 | ps4left: 2 | alias: PS4 Left 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: left -------------------------------------------------------------------------------- /components/scripts/ps4option.yaml: -------------------------------------------------------------------------------- 1 | ps4option: 2 | alias: PS4 Option 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: option -------------------------------------------------------------------------------- /components/scripts/ps4right.yaml: -------------------------------------------------------------------------------- 1 | ps4right: 2 | alias: PS4 Right 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: right -------------------------------------------------------------------------------- /components/scripts/ps4up.yaml: -------------------------------------------------------------------------------- 1 | ps4up: 2 | alias: PS4 Up 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: up -------------------------------------------------------------------------------- /components/scripts/psbutton.yaml: -------------------------------------------------------------------------------- 1 | ps4button: 2 | alias: PS4 Button 3 | sequence: 4 | service: ps4.send_command 5 | entity_id: media_player.playstation_4 6 | data: 7 | command: ps -------------------------------------------------------------------------------- /components/sensors/ps4.yaml: -------------------------------------------------------------------------------- 1 | platform: template 2 | sensors: 3 | ps4: 4 | value_template: '{% if is_state("device_tracker.playstation", "home") %}Online{% else %}Offline{% endif %}' 5 | friendly_name: 'Playstation 4' -------------------------------------------------------------------------------- /components/sensors/spotify-playlist.yaml: -------------------------------------------------------------------------------- 1 | # platform: spotify-playlist-sensor 2 | # client_id: !secret spotify_clientid 3 | # client_secret: !secret spotify_clientsecret -------------------------------------------------------------------------------- /components/sensors/time_date.yaml: -------------------------------------------------------------------------------- 1 | # platform: time_date 2 | # display_options: 3 | # - 'time' 4 | # - 'date' 5 | # - 'date_time' 6 | # - 'time_date' 7 | # - 'time_utc' 8 | # - 'beat' -------------------------------------------------------------------------------- /configuration.yaml: -------------------------------------------------------------------------------- 1 | 2 | 3 | homeassistant: 4 | # Name of the location where Home Assistant is running 5 | name: SWAKES 6 | latitude: !secret home_lat 7 | longitude: !secret home_long 8 | elevation: 10 9 | unit_system: metric 10 | time_zone: Europe/London 11 | packages: !include_dir_named components/packages 12 | whitelist_external_dirs: 13 | - /config/www 14 | - /config/www/tmp 15 | customize: !include customize.yaml 16 | 17 | 18 | 19 | automation: !include automations.yaml #!include_dir_named components/automation 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /custom_elements/custom_button_card_phone.yaml: -------------------------------------------------------------------------------- 1 | type: horizontal-stack 2 | cards: 3 | 4 | #################################### 5 | #### == Left - Android Card == #### 6 | #################################### 7 | 8 | - type: 'custom:button-card' 9 | entity: sensor.pixel_4_xl_battery_level 10 | entity_picture: /local/google_pixel_4xl.png 11 | show_entity_picture: true 12 | aspect_ratio: 1/1 13 | name: Pixel 4XL 14 | styles: 15 | card: 16 | - background-color: '#2b374e' 17 | - border-radius: 10% 18 | - padding: 7% 19 | - color: ivory 20 | - font-size: 10px 21 | - text-shadow: 0px 0px 5px black 22 | - text-transform: capitalize 23 | grid: 24 | - grid-template-areas: '"i temp" "n n" "cpu cpu" "ram ram" "sd sd"' 25 | - grid-template-columns: 1fr 1fr 26 | - grid-template-rows: 1fr min-content min-content min-content min-content 27 | name: 28 | - font-weight: bold 29 | - font-size: 15px 30 | - color: white 31 | - align-self: middle 32 | - justify-self: start 33 | - padding-bottom: 6px 34 | img_cell: 35 | - justify-content: start 36 | - align-items: start 37 | - margin: none 38 | icon: 39 | - width: 70% 40 | custom_fields: 41 | temp: 42 | - align-self: start 43 | - justify-self: end 44 | - font-size: 13px 45 | cpu: 46 | - padding-bottom: 2px 47 | - align-self: middle 48 | - justify-self: start 49 | - font-size: 11px 50 | - '--text-color-sensor': >- 51 | [[[ if (states['binary_sensor.pixel_4_xl_bluetooth_state'].state 52 | !== 'on') return "red"; ]]] 53 | ram: 54 | - padding-bottom: 2px 55 | - align-self: middle 56 | - justify-self: start 57 | - font-size: 11px 58 | - '--text-color-sensor': >- 59 | [[[ if (states["binary_sensor.pixel_4_xl_wifi_state"].state !== 60 | 'on') return "red"; ]]] 61 | sd: 62 | - align-self: middle 63 | - padding-bottom: 2px 64 | - justify-self: start 65 | - font-size: 11px 66 | - '--text-color-sensor': >- 67 | [[[ if (states['sensor.pixelcharging'].state == 'Not Charging') 68 | return "red"; ]]] 69 | custom_fields: 70 | temp: | 71 | [[[ 72 | return ` 75 | ${entity.state}%` 76 | ]]] 77 | cpu: | 78 | [[[ 79 | return ` 82 | Bluetooth: ${states['binary_sensor.pixel_4_xl_bluetooth_state'].state}` 83 | ]]] 84 | ram: | 85 | [[[ 86 | return ` 89 | WiFi: ${states['binary_sensor.pixel_4_xl_wifi_state'].state}` 90 | ]]] 91 | sd: | 92 | [[[ 93 | return ` 96 | Charging: ${states['sensor.pixelcharging'].state}` 97 | ]]] 98 | 99 | 100 | #################################### 101 | #### == Right - iPhone Card == #### 102 | #################################### 103 | 104 | 105 | - type: 'custom:button-card' 106 | entity: sensor.iphone_battery_level 107 | entity_picture: /local/iphone.png 108 | show_entity_picture: true 109 | aspect_ratio: 1/1 110 | name: iPhone 7 111 | styles: 112 | card: 113 | - background-color: '#2b374e' 114 | - border-radius: 10% 115 | - padding: 7% 116 | - color: ivory 117 | - font-size: 10px 118 | - text-shadow: 0px 0px 5px black 119 | - text-transform: capitalize 120 | grid: 121 | - grid-template-areas: '"i temp" "n n" "cpu cpu" "ram ram" "sd sd"' 122 | - grid-template-columns: 1fr 1fr 123 | - grid-template-rows: 1fr min-content min-content min-content min-content 124 | name: 125 | - font-weight: bold 126 | - font-size: 15px 127 | - color: white 128 | - align-self: middle 129 | - justify-self: start 130 | - padding-bottom: 6px 131 | img_cell: 132 | - justify-content: start 133 | - align-items: start 134 | - margin: none 135 | icon: 136 | - width: 70% 137 | custom_fields: 138 | temp: 139 | - align-self: start 140 | - justify-self: end 141 | - font-size: 13px 142 | cpu: 143 | - padding-bottom: 2px 144 | - align-self: middle 145 | - justify-self: start 146 | - font-size: 11px 147 | - '--text-color-sensor': >- 148 | [[[ if (states['binary_sensor.pixel_4_xl_bluetooth_state'].state 149 | !== 'on') return "red"; ]]] 150 | ram: 151 | - padding-bottom: 2px 152 | - align-self: middle 153 | - justify-self: start 154 | - font-size: 11px 155 | - '--text-color-sensor': >- 156 | [[[ if (states["sensor.iphonewifi"].state !== 'on') return "red"; 157 | ]]] 158 | sd: 159 | - align-self: middle 160 | - padding-bottom: 2px 161 | - justify-self: start 162 | - font-size: 11px 163 | - '--text-color-sensor': >- 164 | [[[ if (states['sensor.iphone_battery_state'].state !== 'ac') 165 | return "red"; ]]] 166 | custom_fields: 167 | temp: | 168 | [[[ 169 | return ` 172 | ${entity.state}%` 173 | ]]] 174 | cpu: | 175 | [[[ 176 | return ` 179 | Bluetooth: ${states['binary_sensor.pixel_4_xl_bluetooth_state'].state}` 180 | ]]] 181 | ram: | 182 | [[[ 183 | return ` 186 | WiFi: ${states['sensor.iphonewifi'].state}` 187 | ]]] 188 | sd: | 189 | [[[ 190 | return ` 193 | Charging: ${states['sensor.iphone_battery_state'].state}` 194 | ]]] 195 | 196 | -------------------------------------------------------------------------------- /customize.yaml: -------------------------------------------------------------------------------- 1 | group.all_door_sensors: 2 | entity_picture: /local/zg1.png 3 | friendly_name: All Door Sensors 4 | sensor.door_sensors_status: 5 | entity_picture: /local/zg1.png 6 | friendly_name: Zigbee Door Sensors 7 | group.unifi_cameras: 8 | entity_picture: /local/uvcflex.png 9 | friendly_name: UniFi Cameras 10 | group.fire_alarm: 11 | entity_picture: /local/firealarm.png 12 | friendly_name: Fire Alarms 13 | group.water_leak: 14 | entity_picture: /local/water_leak.png 15 | friendly_name: Water Leak Sensors 16 | group.pir_motion: 17 | entity_picture: /local/pir.png 18 | friendly_name: PIR Motion Sensors 19 | 20 | binary_sensor.unifi_usg: 21 | entity_picture: /local/unifi2.png 22 | friendly_name: UniFi CKG2+ 23 | binary_sensor.unifi_controller: 24 | entity_picture: /local/unifi1.png 25 | friendly_name: UniFi USG 26 | binary_sensor.unifi_16_switch: 27 | entity_picture: /local/unifi3.png 28 | friendly_name: UniFi 16 Port Switch 29 | binary_sensor.unifi_ap_up: 30 | entity_picture: /local/unifi4.png 31 | friendly_name: UniFi AP Up 32 | binary_sensor.unifi_ap_down: 33 | entity_picture: /local/unifi4.png 34 | friendly_name: UniFi AP Down 35 | binary_sensor.unifi_ap_iw: 36 | entity_picture: /local/unifi5.png 37 | friendly_name: UniFi AP Inwall 38 | 39 | sensor.sonoff_rf_bridge_online: 40 | entity_picture: /local/rfbrdge.png 41 | friendly_name: 433Mhz RF Devices 42 | group.zigbee_devices: 43 | entity_picture: /local/conbee.png 44 | friendly_name: Zigbee Devices 45 | group.esphome_devices: 46 | entity_picture: /local/esph.png 47 | friendly_name: ESPHome Devices 48 | group.wifi_devices: 49 | entity_picture: /local/unifiapp.png 50 | friendly_name: WiFi Devices 51 | 52 | binary_sensor.esxi_host: 53 | entity_picture: /local/esxxxi.png 54 | friendly_name: ESXi 55 | binary_sensor.dell_t330: 56 | entity_picture: /local/t3330.png 57 | friendly_name: Dell PowerEdge T330 58 | sensor.deconz_online: 59 | entity_picture: /local/rasss.png 60 | friendly_name: deCONZ RaspBerry Pi 61 | binary_sensor.swc_rspn_pihl: 62 | entity_picture: /local/rasss.png 63 | friendly_name: PiHole Raspberry Pi 64 | 65 | binary_sensor.swc_vus18_pms: 66 | entity_picture: /local/pubuntu.png 67 | friendly_name: PMS Ubuntu 68 | sensor.swi_vus18_pms_docker_portainer_status: 69 | entity_picture: /local/pportainer.png 70 | friendly_name: PMS Portainer 71 | sensor.plex_online: 72 | entity_picture: /local/plx.png 73 | friendly_name: Plex Media Server 74 | sensor.dvbpi_online: 75 | entity_picture: /local/rasss.png 76 | friendly_name: PMS DVB Pi 77 | sensor.transmission_online: 78 | entity_picture: /local/ptrans.png 79 | friendly_name: PMS Transmission 80 | sensor.sabnzbd_online: 81 | entity_picture: /local/psab.png 82 | friendly_name: PMS SABnzbd 83 | sensor.jackett_online: 84 | entity_picture: /local/pjack.png 85 | friendly_name: PMS Jackett 86 | sensor.sonarr_online: 87 | entity_picture: /local/psonarr.png 88 | friendly_name: PMS Sonarr 89 | sensor.radarr_online: 90 | entity_picture: /local/prad.png 91 | friendly_name: PMS Radarr 92 | sensor.swi_vus18_pms_docker_lazylibrarian_status: 93 | entity_picture: /local/plid.png 94 | friendly_name: PMS Lidarr 95 | sensor.tautulli_online: 96 | entity_picture: /local/ptaut.png 97 | friendly_name: PMS Tautulli -------------------------------------------------------------------------------- /dashboards/mobile_dashv?/header_card.yaml: -------------------------------------------------------------------------------- 1 | type: custom:button-card 2 | name: > 3 | [[[ return `Welcome ${user.name}`; ]]] 4 | show_label: true 5 | label: >- 6 | [[[ const now = new Date(); const options = { weekday: "short", day: 7 | "2-digit", month: "short" }; return now.toLocaleString("en-GB", 8 | options).replace(",", "") + "  " + now.toLocaleTimeString("en-GB", { 9 | hour: "2-digit", minute: "2-digit", hour12: true }); ]]] 10 | styles: 11 | card: 12 | - background-color: transparent 13 | - padding: 1px 14 | - border-style: none 15 | - margin-top: "-15px" 16 | grid: 17 | - grid-template-areas: " \"n ps pn\" \"l ps pn\"" 18 | - grid-template-columns: 68% 16% 16% 19 | - grid-template-rows: 1fr min-content 20 | - gap: 0px 0px 21 | name: 22 | - font-size: 54px 23 | - justify-self: left 24 | - letter-spacing: "-2.5px" 25 | - font-weight: bold 26 | - padding-left: 6px 27 | - padding-top: 5px 28 | label: 29 | - font-size: 22px 30 | - justify-self: left 31 | - letter-spacing: "-1px" 32 | - font-weight: 400 33 | - padding-left: 10px 34 | custom_fields: 35 | ps: 36 | card: 37 | type: custom:button-card 38 | color: transparent 39 | entity: person.human1 #### Add your first 'person.xxx' entity 40 | show_entity_picture: true 41 | tap_action: 42 | action: none 43 | show_name: false 44 | show_icon: true 45 | styles: 46 | card: 47 | - background-color: "#4b5975" 48 | - border-radius: 50px 49 | - width: 60px 50 | - height: 60px 51 | - border-style: none 52 | - padding: 8px 53 | - box-shadow: >- 54 | rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 2px 13px 55 | -1px, rgba(0, 0, 0, 0.2) 0px -3px 5px inset !important; 56 | - overflow: visible 57 | icon: 58 | - width: 38px 59 | - height: 38px 60 | custom_fields: 61 | box: 62 | - position: absolute 63 | - left: 14% 64 | - top: 84% 65 | - transform: translate(-50%, -50%) 66 | - z-index: 9999 67 | - overflow: visible 68 | - width: 18px 69 | - height: 18px 70 | custom_fields: 71 | box: 72 | card: 73 | type: custom:button-card 74 | icon: mdi:home 75 | entity: person.human1 #### Add your first 'person.xxx' entity 76 | show_name: false 77 | state: 78 | - styles: 79 | card: 80 | - background-color: transparent 81 | - border-style: none 82 | - border-radius: 50px 83 | - display: flex 84 | - justify-content: center 85 | - align-items: center 86 | - width: 20px 87 | - height: 20px 88 | - overflow: visible 89 | icon: 90 | - width: 14px 91 | - height: 14px 92 | - background-color: green 93 | - color: white 94 | - border-radius: 50% 95 | - padding: 2px 96 | - display: flex 97 | - justify-content: center 98 | - align-items: center 99 | - z-index: 9999 100 | value: home 101 | - styles: 102 | card: 103 | - background-color: transparent 104 | - border-style: none 105 | - border-radius: 50px 106 | - display: flex 107 | - justify-content: center 108 | - align-items: center 109 | - width: 20px 110 | - height: 20px 111 | - overflow: visible 112 | icon: 113 | - width: 14px 114 | - height: 14px 115 | - background-color: red 116 | - color: white 117 | - border-radius: 50% 118 | - padding: 2px 119 | - display: flex 120 | - justify-content: center 121 | - align-items: center 122 | - z-index: 9999 123 | operator: default 124 | pn: 125 | card: 126 | type: custom:button-card 127 | color: transparent 128 | entity: person.human2 #### Add your second 'person.xxx' entity 129 | show_entity_picture: true 130 | tap_action: 131 | action: none 132 | show_name: false 133 | show_icon: true 134 | styles: 135 | card: 136 | - background-color: "#4b5975" 137 | - border-radius: 50px 138 | - width: 60px 139 | - height: 60px 140 | - border-style: none 141 | - padding: 8px 142 | - box-shadow: >- 143 | rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 2px 13px 144 | -1px, rgba(0, 0, 0, 0.2) 0px -3px 5px inset !important; 145 | - overflow: visible 146 | icon: 147 | - width: 38px 148 | - height: 38px 149 | custom_fields: 150 | box: 151 | - position: absolute 152 | - left: 14% 153 | - top: 84% 154 | - transform: translate(-50%, -50%) 155 | - z-index: 9999 156 | - overflow: visible 157 | - width: 18px 158 | - height: 18px 159 | custom_fields: 160 | box: 161 | card: 162 | type: custom:button-card 163 | icon: mdi:home 164 | entity: person.human2 #### Add your second 'person.xxx' entity 165 | show_name: false 166 | state: 167 | - styles: 168 | card: 169 | - background-color: transparent 170 | - border-style: none 171 | - border-radius: 50px 172 | - display: flex 173 | - justify-content: center 174 | - align-items: center 175 | - width: 20px 176 | - height: 20px 177 | - overflow: visible 178 | icon: 179 | - width: 14px 180 | - height: 14px 181 | - background-color: green 182 | - color: white 183 | - border-radius: 50% 184 | - padding: 2px 185 | - display: flex 186 | - justify-content: center 187 | - align-items: center 188 | - z-index: 9999 189 | value: home 190 | - styles: 191 | card: 192 | - background-color: transparent 193 | - border-style: none 194 | - border-radius: 50px 195 | - display: flex 196 | - justify-content: center 197 | - align-items: center 198 | - width: 20px 199 | - height: 20px 200 | - overflow: visible 201 | icon: 202 | - width: 14px 203 | - height: 14px 204 | - background-color: red 205 | - color: white 206 | - border-radius: 50% 207 | - padding: 2px 208 | - display: flex 209 | - justify-content: center 210 | - align-items: center 211 | - z-index: 9999 212 | operator: default 213 | -------------------------------------------------------------------------------- /dashboards/mobile_dashv?/nav_card.yaml: -------------------------------------------------------------------------------- 1 | #### This navigation card is built for the initial/home dashboard. 2 | #### On each dashboard/page the 'opacity' setting/value under 'icon' needs to changed ... Going forward some sort of 'logic' would be used to change the opacity instead of manually changing for each dashboard navigation card 3 | 4 | type: custom:button-card 5 | show_label: false 6 | show_state: false 7 | show_name: false 8 | styles: 9 | card: 10 | - background-color: transparent 11 | - border-style: none 12 | - height: 80px 13 | - margin-top: "-10px" 14 | - margin-bottom: "-5px" 15 | grid: 16 | - grid-template-areas: "\"bt1 bt2 bt3 bt4 bt5 bta bt6\" \"bt1 bt2 bt3 bt4 bt5 bta bt7\"" 17 | - grid-template-columns: auto auto auto auto auto auto auto 1% 18 | - grid-template-rows: 50% 50% 19 | - gap: 7px 1px 20 | custom_fields: 21 | bta: 22 | card: 23 | type: custom:button-card 24 | name: Remote 25 | icon: mdi:remote-tv 26 | show_name: false 27 | show_icon: false 28 | styles: 29 | card: 30 | - background-color: transparent 31 | - border-style: none 32 | - width: px 33 | bt1: 34 | card: 35 | type: custom:button-card 36 | name: Remote 37 | icon: mdi:home-circle 38 | show_name: false 39 | show_icon: true 40 | tap_action: 41 | action: navigate 42 | navigation_path: /dashboard/1 43 | styles: 44 | card: 45 | - background-color: transparent 46 | - border-style: none 47 | - height: 60px 48 | icon: 49 | - border-radius: 18px 50 | - width: 26px 51 | - height: 26px 52 | - color: white 53 | - padding: 12px 54 | - background-color: "#35425c" 55 | - box-shadow: >- 56 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 255, 57 | 255, 0.05) 58 | bt2: 59 | card: 60 | type: custom:button-card 61 | name: Remote 62 | icon: mdi:door 63 | show_name: false 64 | show_icon: true 65 | tap_action: 66 | action: navigate 67 | navigation_path: /dashboard/2 68 | styles: 69 | card: 70 | - background-color: transparent 71 | - border-style: none 72 | - height: 60px 73 | icon: 74 | - border-radius: 18px 75 | - width: 26px 76 | - height: 26px 77 | - color: white 78 | - padding: 12px 79 | - background-color: "#35425c" 80 | - opacity: 0.5 81 | bt3: 82 | card: 83 | type: custom:button-card 84 | name: Remote 85 | icon: mdi:shield-account 86 | show_name: false 87 | show_icon: true 88 | tap_action: 89 | action: navigate 90 | navigation_path: /dashboard/3 91 | styles: 92 | card: 93 | - background-color: transparent 94 | - border-style: none 95 | - height: 60px 96 | icon: 97 | - border-radius: 18px 98 | - width: 26px 99 | - height: 26px 100 | - color: white 101 | - padding: 12px 102 | - background-color: "#35425c" 103 | - opacity: 0.5 104 | bt4: 105 | card: 106 | type: custom:button-card 107 | name: Remote 108 | icon: mdi:server 109 | show_name: false 110 | show_icon: true 111 | tap_action: 112 | action: navigate 113 | navigation_path: /dashboard/4 114 | styles: 115 | card: 116 | - background-color: transparent 117 | - border-style: none 118 | - height: 60px 119 | icon: 120 | - border-radius: 18px 121 | - width: 26px 122 | - height: 26px 123 | - color: white 124 | - padding: 12px 125 | - background-color: "#35425c" 126 | - opacity: 0.5 127 | bt5: 128 | card: 129 | type: custom:button-card 130 | name: Remote 131 | icon: mdi:cog 132 | show_name: false 133 | show_icon: true 134 | tap_action: 135 | action: navigate 136 | navigation_path: /dashboard/5 137 | styles: 138 | card: 139 | - background-color: transparent 140 | - border-style: none 141 | - height: 60px 142 | icon: 143 | - border-radius: 18px 144 | - width: 26px 145 | - height: 26px 146 | - color: white 147 | - padding: 12px 148 | - background-color: "#35425c" 149 | - opacity: 0.5 150 | bt6: 151 | card: 152 | type: custom:button-card 153 | name: Remote 154 | layout: icon_state 155 | entity: sensor.indoor_temperature 156 | icon: mdi:home-thermometer-outline 157 | show_name: false 158 | show_state: true 159 | show_icon: true 160 | styles: 161 | card: 162 | - background-color: transparent 163 | - border-style: none 164 | - height: 60px 165 | - padding-left: 12px 166 | state: 167 | - justify-self: start 168 | - font-size: 16px 169 | - text-align: justify 170 | - font-weight: bold 171 | - letter-spacing: "-0.5px" 172 | icon: 173 | - border-radius: 18px 174 | - width: 22px 175 | - height: 22px 176 | - color: white 177 | - background-color: transparent 178 | - padding-right: 4px 179 | bt7: 180 | card: 181 | type: custom:button-card 182 | name: Remote 183 | layout: icon_state 184 | entity: sensor.outdoor_temperature 185 | icon: mdi:sun-thermometer-outline 186 | show_name: false 187 | show_state: true 188 | show_icon: true 189 | styles: 190 | card: 191 | - background-color: transparent 192 | - border-style: none 193 | - height: 60px 194 | - padding-left: 12px 195 | state: 196 | - justify-self: start 197 | - font-size: 16px 198 | - text-align: justify 199 | - font-weight: bold 200 | - letter-spacing: "-0.5px" 201 | icon: 202 | - border-radius: 18px 203 | - width: 22px 204 | - height: 22px 205 | - color: white 206 | - background-color: transparent 207 | - padding-right: 4px 208 | -------------------------------------------------------------------------------- /dashboards/mobile_dashv?/phone_card.yaml: -------------------------------------------------------------------------------- 1 | type: custom:button-card 2 | name: Google Pixel 3 | show_state: true 4 | show_name: true 5 | show_icon: true 6 | entity_picture: /local/gogglepixelfold.png 7 | show_entity_picture: true 8 | styles: 9 | grid: 10 | - grid-template-areas: "\"i n n n\" \"i n n n\" \"i batt wifi blue\"" 11 | - grid-template-columns: min-content 20% 20% 20% 12 | - grid-template-rows: min-content min-content min-content 13 | - gap: 15px 5px 14 | card: 15 | - padding: 12px 16 | - border-radius: 25px 17 | - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.2) 18 | name: 19 | - font-weight: bold 20 | - letter-spacing: "-1.02px" 21 | - font-size: 18px 22 | - justify-self: center 23 | - align-self: center 24 | - padding-right: 25px 25 | label: 26 | - letter-spacing: "-1.02px" 27 | - font-size: 14px 28 | state: 29 | - justify-self: start 30 | - align-self: start 31 | - letter-spacing: "-1.02px" 32 | - font-size: 20px 33 | - padding-left: 32px 34 | - padding-top: px 35 | icon: 36 | - background-color: transparent 37 | - color: white 38 | - width: 65px 39 | - justify-content: center 40 | - align-items: center 41 | - z-index: 9999 42 | custom_fields: 43 | batt: 44 | card: 45 | type: custom:button-card 46 | show_name: false 47 | show_state: true 48 | show_icon: true 49 | show_label: false 50 | entity: sensor.battery_level 51 | icon: mdi:battery 52 | state: 53 | - operator: ">=" 54 | value: 80 55 | icon: mdi:battery-high 56 | - operator: ">=" 57 | value: 30 58 | icon: mdi:battery-medium 59 | - operator: ">=" 60 | value: 1 61 | icon: mdi:battery-low 62 | styles: 63 | card: 64 | - background-color: transparent 65 | - border-style: none 66 | state: 67 | - justify-self: center 68 | - font-size: 14px 69 | - font-weight: 400 70 | - font-color: white 71 | - padding-top: 8px 72 | icon: 73 | - width: 25px 74 | - height: 25px 75 | img_cell: 76 | - justify-content: middle 77 | - align-self: middle 78 | - margin: none 79 | blue: 80 | card: 81 | type: custom:button-card 82 | show_name: false 83 | show_state: true 84 | show_icon: true 85 | show_label: false 86 | entity: binary_sensor.bluetooth_state 87 | icon: mdi:bluetooth 88 | state: 89 | - value: "on" 90 | icon: mdi:bluetooth 91 | - value: "off" 92 | icon: mdi:bluetooth-off 93 | styles: 94 | card: 95 | - background-color: transparent 96 | - border-style: none 97 | state: 98 | - justify-self: center 99 | - font-size: 14px 100 | - font-weight: 400 101 | - font-color: white 102 | - padding-top: 8px 103 | icon: 104 | - width: 25px 105 | - height: 25px 106 | img_cell: 107 | - justify-content: middle 108 | - align-self: middle 109 | - margin: none 110 | wifi: 111 | card: 112 | type: custom:button-card 113 | show_name: false 114 | show_state: true 115 | show_icon: true 116 | show_label: false 117 | entity: binary_sensor.wi_fi_state 118 | icon: mdi:wifi 119 | state: 120 | - value: "on" 121 | icon: mdi:wifi 122 | - value: "off" 123 | icon: mdi:wifi-off 124 | styles: 125 | card: 126 | - background-color: transparent 127 | - border-style: none 128 | state: 129 | - justify-self: center 130 | - font-size: 14px 131 | - font-weight: 400 132 | - font-color: white 133 | - padding-top: 8px 134 | icon: 135 | - width: 25px 136 | - height: 25px 137 | img_cell: 138 | - justify-content: middle 139 | - align-self: middle 140 | - margin: none 141 | -------------------------------------------------------------------------------- /dashboards/search.yaml: -------------------------------------------------------------------------------- 1 | - badges: [] 2 | cards: 3 | - cards: 4 | - entity_id: 5 | '1': null 6 | max_results: 15 7 | name: 'Toggle {1}' 8 | service: homeassistant.toggle 9 | service_data: null 10 | type: 'custom:search-card' 11 | type: vertical-stack 12 | icon: 'mdi:database-search' 13 | panel: true 14 | path: search 15 | -------------------------------------------------------------------------------- /guides/Another Redesign/Light Card Example: -------------------------------------------------------------------------------- 1 | 2 | Light card example shown on this screenshot: https://i.imgur.com/avOt2l5.png 3 | 4 | Two cards are placed within a 'horizontal-card' which includes a blank 'custom:button-card' to create a gap. Card will distort if used seperately (needs to be two cards per row) 5 | 6 | Please note that measurements may require tweaking as this has been customised for Google Pixel 6 Pro display size 7 | 8 | 9 | type: custom:button-card 10 | name: Lights 11 | entity: light.livings 12 | aspect_ratio: 1/1 13 | styles: 14 | card: 15 | - background-color: '#4B5975' 16 | - border-radius: 25px 17 | - padding: 8px 18 | - border: transparent 19 | - box-shadow: |- 20 | rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(0, 0, 0, 0.2) 0px 7px 13px -3px, 21 | rgba(0, 0, 0, 0.2) 0px -3px 0px inset 22 | name: 23 | - font-weight: bold 24 | - font-size: 30px 25 | - align-self: middle 26 | - justify-self: start 27 | - padding-left: 9px 28 | - padding-top: 9px 29 | - padding-bottom: 13px 30 | - letter-spacing: '-1.0px' 31 | grid: 32 | - grid-template-areas: '"n i1" "i i2" "i i3"' 33 | - grid-template-columns: 72% 28% 34 | - grid-template-rows: 1fr 1fr 1fr 35 | custom_fields: 36 | logo: 37 | - position: absolute 38 | - left: '-12%' 39 | - top: 33% 40 | custom_fields: 41 | logo: 42 | card: 43 | type: custom:button-card 44 | color: transparent 45 | show_name: false 46 | name: false 47 | entity_picture: /local/allhouselights.png 48 | show_entity_picture: true 49 | styles: 50 | card: 51 | - background-color: transparent 52 | - border-style: none 53 | icon: 54 | - width: 110px 55 | - height: 110px 56 | - color: white 57 | - padding: 28px 58 | - align-self: start 59 | - text-align: start 60 | - background-color: '#717a92' 61 | - border-radius: 95px 62 | i1: 63 | card: 64 | type: custom:button-card 65 | color: transparent 66 | icon: mdi:power 67 | tap_action: 68 | action: call-service 69 | service: light.toggle 70 | data: {} 71 | target: 72 | entity_id: 73 | - light.living_room_lights_all_2 74 | styles: 75 | card: 76 | - background-color: '#717a92' 77 | - border-radius: 55px 78 | - border-style: none 79 | - box-shadow: >- 80 | rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px 81 | -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset 82 | icon: 83 | - width: 30px 84 | - height: 30px 85 | - color: white 86 | - align-self: start 87 | - text-align: start 88 | - padding: 12px 89 | img_cell: 90 | - justify-content: middle 91 | - align-self: middle 92 | - margin: none 93 | i2: 94 | card: 95 | type: custom:button-card 96 | icon: phu:floor-lamp 97 | tap_action: 98 | action: call-service 99 | service: light.toggle 100 | data: {} 101 | target: 102 | entity_id: 103 | - light.floor_lamp 104 | - light.living_room_floor_wall_lamp 105 | styles: 106 | card: 107 | - background-color: '#717a92' 108 | - border-radius: 55px 109 | - border-style: none 110 | - box-shadow: >- 111 | rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px 112 | -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset 113 | icon: 114 | - width: 28px 115 | - height: 28px 116 | - color: white 117 | - align-self: start 118 | - text-align: start 119 | - padding: 13px 120 | img_cell: 121 | - justify-content: middle 122 | - align-self: middle 123 | - margin: none 124 | i3: 125 | card: 126 | type: custom:button-card 127 | color: transparent 128 | icon: phu:spot-bulb-top 129 | tap_action: 130 | action: call-service 131 | service: light.toggle 132 | data: {} 133 | target: 134 | entity_id: 135 | - light.living_room_ceiling_downlights 136 | styles: 137 | card: 138 | - background-color: '#717a92' 139 | - border-radius: 55px 140 | - border-style: none 141 | - box-shadow: >- 142 | rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px 143 | -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset 144 | icon: 145 | - width: 28px 146 | - height: 28px 147 | - color: white 148 | - align-self: start 149 | - text-align: start 150 | - padding: 13px 151 | img_cell: 152 | - justify-content: middle 153 | - align-self: middle 154 | - margin: none 155 | -------------------------------------------------------------------------------- /guides/Blog Examples/livingroom_tv_honeycomb_menu: -------------------------------------------------------------------------------- 1 | type: custom:button-card 2 | color: transparent 3 | entity: media_player.living_room_media_devices 4 | tap_action: 5 | action: fire-dom-event 6 | honeycomb_menu: 7 | autoclose: true 8 | spacing: 4 9 | buttons: 10 | - show_entity_picture: true 11 | entity_picture: /local/hdmi4.png 12 | color_type: card 13 | color: transparent 14 | styles: 15 | card: 16 | - box-shadow: none 17 | - border: none 18 | icon: 19 | - width: 38px 20 | - padding: 10px 21 | - background-color: rgba(53, 66, 92, 1) 22 | - border-radius: 50px 23 | - box-shadow: >- 24 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 25 | 255, 255, 0.05) 26 | tap_action: 27 | action: call-service 28 | service: media_player.select_source 29 | target: 30 | entity_id: media_player.samsung 31 | data: 32 | source: 2| HDMI 33 | - show_entity_picture: true 34 | entity_picture: /local/tv3.png 35 | color_type: card 36 | color: transparent 37 | styles: 38 | card: 39 | - box-shadow: none 40 | - border: none 41 | icon: 42 | - width: 38px 43 | - padding: 10px 44 | - background-color: rgba(53, 66, 92, 1) 45 | - border-radius: 50px 46 | - box-shadow: >- 47 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 48 | 255, 255, 0.05) 49 | tap_action: 50 | action: call-service 51 | service: media_player.select_source 52 | target: 53 | entity_id: media_player.samsung 54 | data: 55 | source: 4| TV 56 | - show_entity_picture: true 57 | entity_picture: /local/netflix4.png 58 | color_type: card 59 | color: transparent 60 | styles: 61 | card: 62 | - box-shadow: none 63 | - border: none 64 | icon: 65 | - width: 38px 66 | - padding: 10px 67 | - background-color: rgba(53, 66, 92, 1) 68 | - border-radius: 50px 69 | - box-shadow: >- 70 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 71 | 255, 255, 0.05) 72 | tap_action: 73 | action: call-service 74 | service: media_player.select_source 75 | service_data: 76 | entity_id: media_player.samsung 77 | source: 1| Netflix 78 | - show_entity_picture: true 79 | entity_picture: /local/hmdi4.png 80 | color_type: card 81 | color: transparent 82 | styles: 83 | card: 84 | - box-shadow: none 85 | - border: none 86 | icon: 87 | - width: 38px 88 | - padding: 10px 89 | - background-color: rgba(53, 66, 92, 1) 90 | - border-radius: 50px 91 | - box-shadow: >- 92 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 93 | 255, 255, 0.05) 94 | tap_action: 95 | action: call-service 96 | service: media_player.select_source 97 | target: 98 | entity_id: media_player.samsung 99 | data: 100 | source: 4| Plex 101 | - show_entity_picture: true 102 | entity_picture: /local/yotube4.png 103 | color_type: card 104 | color: transparent 105 | styles: 106 | card: 107 | - box-shadow: none 108 | - border: none 109 | icon: 110 | - width: 38px 111 | - padding: 10px 112 | - background-color: rgba(53, 66, 92, 1) 113 | - border-radius: 50px 114 | - box-shadow: >- 115 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 116 | 255, 255, 0.05) 117 | tap_action: 118 | action: call-service 119 | service: media_player.select_source 120 | target: 121 | entity_id: media_player.samsung 122 | data: 123 | source: 2| YouTube 124 | - show_entity_picture: true 125 | entity_picture: /local/bbc3.png 126 | color_type: card 127 | color: transparent 128 | styles: 129 | card: 130 | - box-shadow: none 131 | - border: none 132 | icon: 133 | - width: 38px 134 | - padding: 10px 135 | - background-color: rgba(53, 66, 92, 1) 136 | - border-radius: 50px 137 | - box-shadow: >- 138 | 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -1px 1px rgba(255, 139 | 255, 255, 0.05) 140 | tap_action: 141 | action: call-service 142 | service: media_player.select_source 143 | target: 144 | entity_id: media_player.samsung 145 | data: 146 | source: 5| iPlayer 147 | -------------------------------------------------------------------------------- /guides/Light Dashboard 2.0/YAML/header.yaml: -------------------------------------------------------------------------------- 1 | type: custom:button-card 2 | name: LIGHTS 3 | icon: phu:bulb-group 4 | show_state: false 5 | label: | 6 | [[[ 7 | return states['input_select.light_menu_select'].state; 8 | ]]] 9 | show_label: true 10 | styles: 11 | card: 12 | - height: 80px 13 | - background-color: transparent 14 | grid: 15 | - grid-template-areas: '"i n" "i n" "i l"' 16 | - grid-template-columns: 0.3fr 1fr 17 | - grid-template-rows: min-content min-content min-content 18 | img_cell: 19 | - align-self: start 20 | - text-align: start 21 | name: 22 | - justify-self: start 23 | - font-size: 28px 24 | - font-weight: 300 25 | label: 26 | - justify-self: start 27 | - font-size: 16px 28 | - font-weight: 300 29 | icon: 30 | - width: 45px 31 | - align-self: start 32 | - text-align: start 33 | -------------------------------------------------------------------------------- /guides/Light Dashboard 2.0/YAML/menu.yaml: -------------------------------------------------------------------------------- 1 | type: horizontal-stack 2 | cards: 3 | - type: custom:button-card 4 | color: transparent 5 | entity: input_select.chr_light_menu_select 6 | show_name: true 7 | color_type: label-card 8 | name: Overview 9 | icon: mdi:home-lightbulb-outline 10 | state: 11 | - icon: mdi:home-lightbulb-outline 12 | styles: 13 | icon: 14 | - color: white 15 | - width: 40px 16 | name: 17 | - color: white 18 | - font-size: 12px 19 | - padding-top: 5px 20 | value: Overview 21 | - icon: mdi:home-lightbulb-outline 22 | styles: 23 | icon: 24 | - color: white 25 | - opacity: 0.5 26 | - width: 40px 27 | name: 28 | - color: white 29 | - font-size: 12px 30 | - padding-top: 5px 31 | operator: default 32 | styles: 33 | icon: null 34 | tap_action: 35 | action: call-service 36 | service: input_select.select_option 37 | service_data: 38 | entity_id: input_select.chr_light_menu_select 39 | option: Overview 40 | - type: custom:button-card 41 | color: transparent 42 | entity: input_select.chr_light_menu_select 43 | show_name: true 44 | color_type: label-card 45 | name: Ground 46 | icon: mdi:home-floor-g 47 | state: 48 | - icon: mdi:home-floor-g 49 | styles: 50 | icon: 51 | - color: white 52 | - width: 40px 53 | name: 54 | - color: white 55 | - font-size: 12px 56 | - padding-top: 5px 57 | value: Ground 58 | - icon: mdi:home-floor-g 59 | styles: 60 | icon: 61 | - color: white 62 | - opacity: 0.5 63 | - width: 40px 64 | name: 65 | - color: white 66 | - font-size: 12px 67 | - padding-top: 5px 68 | operator: default 69 | tap_action: 70 | action: call-service 71 | service: input_select.select_option 72 | service_data: 73 | entity_id: input_select.chr_light_menu_select 74 | option: Ground 75 | - type: custom:button-card 76 | color: transparent 77 | entity: input_select.chr_light_menu_select 78 | show_name: true 79 | color_type: label-card 80 | name: First 81 | icon: mdi:home-floor-1 82 | state: 83 | - icon: mdi:home-floor-1 84 | styles: 85 | icon: 86 | - color: white 87 | - width: 40px 88 | name: 89 | - color: white 90 | - font-size: 12px 91 | - padding-top: 5px 92 | value: First 93 | - icon: mdi:home-floor-1 94 | styles: 95 | icon: 96 | - color: white 97 | - opacity: 0.5 98 | - width: 40px 99 | name: 100 | - color: white 101 | - font-size: 12px 102 | - padding-top: 5px 103 | operator: default 104 | tap_action: 105 | action: call-service 106 | service: input_select.select_option 107 | service_data: 108 | entity_id: input_select.chr_light_menu_select 109 | option: First 110 | - type: custom:button-card 111 | color: transparent 112 | entity: input_select.chr_light_menu_select 113 | show_name: true 114 | color_type: label-card 115 | name: Second 116 | icon: mdi:home-floor-2 117 | state: 118 | - icon: mdi:home-floor-2 119 | styles: 120 | icon: 121 | - color: white 122 | - width: 40px 123 | name: 124 | - color: white 125 | - font-size: 12px 126 | - padding-top: 5px 127 | value: Second 128 | - icon: mdi:home-floor-2 129 | styles: 130 | icon: 131 | - color: white 132 | - opacity: 0.5 133 | - width: 40px 134 | name: 135 | - color: white 136 | - font-size: 12px 137 | - padding-top: 5px 138 | operator: default 139 | tap_action: 140 | action: call-service 141 | service: input_select.select_option 142 | service_data: 143 | entity_id: input_select.chr_light_menu_select 144 | option: Second 145 | -------------------------------------------------------------------------------- /guides/Refresh 2.0/mini_bar.md: -------------------------------------------------------------------------------- 1 | # Home Assistant 2.0 - 'Mini Button Bar' 2 | 3 | Below you will find the config in order to create the 'Mini Button Bar'. 4 | 5 | ![enter image description here](https://i.imgur.com/j6Ue8GW.png) 6 | 7 | This is created using the '[custom:button-card](https://github.com/custom-cards/button-card)' utilising the '[grid](https://github.com/custom-cards/button-card#advanced-styling-options)' feature to layout the 5 horizontal buttons (b1, b2, b3 ...). 8 | 9 | Few things to mention before implementing in your own Home Assistant setup ... 10 | 11 | - You'll need to change the 'entity' value to something within your own Home Assistant instance (if you don't or use an invalid entity, it'll screw up the appearence/format of the button) 12 | 13 | - In regards to sizing ... I've very much customised and used specific values (shown below in config) for my own setup (designed around viewing on Google Pixel 6 Pro display). This means that it may look different or out of place for your own setup. I'd recommend tweaking the relevant element/s (Tweak > Save > Test/View > Tweak > Save > ...) until you get the desired outcome. 14 | - The button config below is designed to use/display 5 buttons horizontally within the 'bar'. If you want to add or remove any other buttons, you'll need to play around with a few different values (padding, width, height etc) to get it formatted correctly. 15 | 16 |
17 | 18 | YAML Config: 19 | 20 | 21 | type: custom:button-card 22 | styles: 23 | card: 24 | - background-color: '#35425c' 25 | - border-radius: 20px 26 | - padding-left: 9px 27 | - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px 28 | name: 29 | - font-size: 13px 30 | grid: 31 | - grid-template-areas: '"b1 b2 b3 b4 b5 "' 32 | - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 33 | - grid-template-rows: 1fr 34 | custom_fields: 35 | b1: 36 | card: 37 | type: custom:button-card 38 | entity: group.living_room_power 39 | tap_action: 40 | action: toggle 41 | show_name: true 42 | name: Power 43 | icon: mdi:toggle-switch 44 | state: 45 | - styles: 46 | name: 47 | - font-size: 10px 48 | - padding-bottom: 5px 49 | card: 50 | - background-color: '#2b374e' 51 | - border-style: none 52 | - border-radius: 15px 53 | - width: 65px 54 | - height: 65px 55 | icon: 56 | - align-self: start 57 | - text-align: start 58 | - color: white 59 | value: 'on' 60 | - icon: mdi:toggle-switch-off 61 | styles: 62 | name: 63 | - font-size: 10px 64 | - padding-bottom: 5px 65 | card: 66 | - background-color: '#2b374e' 67 | - border-style: none 68 | - border-radius: 15px 69 | - width: 65px 70 | - height: 65px 71 | icon: 72 | - align-self: start 73 | - text-align: start 74 | - color: white 75 | - opacity: 0.3 76 | operator: default 77 | b2: 78 | card: 79 | type: custom:button-card 80 | entity: group.living_room_lamps 81 | tap_action: 82 | action: toggle 83 | show_name: true 84 | name: Lamps 85 | icon: mdi:lamps 86 | state: 87 | - styles: 88 | name: 89 | - font-size: 10px 90 | - padding-bottom: 5px 91 | card: 92 | - background-color: '#2b374e' 93 | - border-style: none 94 | - border-radius: 15px 95 | - width: 65px 96 | - height: 65px 97 | icon: 98 | - align-self: start 99 | - text-align: start 100 | - color: white 101 | value: 'on' 102 | - styles: 103 | name: 104 | - font-size: 10px 105 | - padding-bottom: 5px 106 | card: 107 | - background-color: '#2b374e' 108 | - border-style: none 109 | - border-radius: 15px 110 | - width: 65px 111 | - height: 65px 112 | icon: 113 | - align-self: start 114 | - text-align: start 115 | - color: white 116 | - opacity: 0.3 117 | operator: default 118 | b3: 119 | card: 120 | type: custom:button-card 121 | show_name: true 122 | name: Ceiling 123 | entity: group.living_room_ceiling 124 | tap_action: 125 | action: toggle 126 | icon: mdi:ceiling-light-multiple 127 | state: 128 | - styles: 129 | name: 130 | - font-size: 10px 131 | - padding-bottom: 5px 132 | card: 133 | - background-color: '#2b374e' 134 | - border-style: none 135 | - border-radius: 15px 136 | - width: 65px 137 | - height: 65px 138 | icon: 139 | - align-self: start 140 | - text-align: start 141 | - color: white 142 | value: 'on' 143 | - styles: 144 | name: 145 | - font-size: 10px 146 | - padding-bottom: 5px 147 | card: 148 | - background-color: '#2b374e' 149 | - border-style: none 150 | - border-radius: 15px 151 | - width: 65px 152 | - height: 65px 153 | icon: 154 | - align-self: start 155 | - text-align: start 156 | - color: white 157 | - opacity: 0.3 158 | operator: default 159 | b4: 160 | card: 161 | type: custom:button-card 162 | show_name: true 163 | entity: input_select.living_room_brightness 164 | tap_action: 165 | action: toggle 166 | name: Brightness 167 | icon: mdi:theme-light-dark 168 | state: 169 | - styles: 170 | name: 171 | - font-size: 10px 172 | - padding-bottom: 5px 173 | card: 174 | - background-color: '#2b374e' 175 | - border-style: none 176 | - border-radius: 15px 177 | - width: 65px 178 | - height: 65px 179 | icon: 180 | - align-self: start 181 | - text-align: start 182 | - color: white 183 | value: 'on' 184 | - styles: 185 | name: 186 | - font-size: 10px 187 | - padding-bottom: 5px 188 | card: 189 | - background-color: '#2b374e' 190 | - border-style: none 191 | - border-radius: 15px 192 | - width: 65px 193 | - height: 65px 194 | icon: 195 | - align-self: start 196 | - text-align: start 197 | - color: white 198 | - opacity: 0.3 199 | operator: default 200 | b5: 201 | card: 202 | type: custom:button-card 203 | show_name: true 204 | name: Motion 205 | entity: automation.living_room_lights_motion 206 | tap_action: 207 | action: toggle 208 | icon: mdi:motion-sensor 209 | state: 210 | - styles: 211 | name: 212 | - font-size: 10px 213 | - padding-bottom: 5px 214 | card: 215 | - background-color: '#2b374e' 216 | - border-style: none 217 | - border-radius: 15px 218 | - width: 65px 219 | - height: 65px 220 | icon: 221 | - align-self: start 222 | - text-align: start 223 | - color: white 224 | value: 'on' 225 | - styles: 226 | name: 227 | - font-size: 10px 228 | - padding-bottom: 5px 229 | card: 230 | - background-color: '#2b374e' 231 | - border-style: none 232 | - border-radius: 15px 233 | - width: 65px 234 | - height: 65px 235 | icon: 236 | - align-self: start 237 | - text-align: start 238 | - color: white 239 | - opacity: 0.3 240 | operator: default 241 | 242 | 243 | -------------------------------------------------------------------------------- /scenes.yaml: -------------------------------------------------------------------------------- 1 | - id: '1591928451351' 2 | name: kitchen 3 | entities: 4 | light.kitchen_corner_rgb: 5 | effect_list: 6 | - None 7 | - Random 8 | - Strobe 9 | - Flicker 10 | - Rainbow 11 | - Color Wipe 12 | - Scan 13 | - Twinkle 14 | - Random Twinkle 15 | - Fireworks 16 | - Addressable Flicker 17 | friendly_name: Kitchen Corner RGB 18 | state: 'off' 19 | supported_features: 61 20 | light.kitchen_sink_rgb: 21 | effect_list: 22 | - None 23 | - Random 24 | - Strobe 25 | - Flicker 26 | - Rainbow 27 | - Color Wipe 28 | - Scan 29 | - Twinkle 30 | - Random Twinkle 31 | - Fireworks 32 | - Addressable Flicker 33 | friendly_name: Kitchen Sink RGB 34 | state: 'off' 35 | supported_features: 61 36 | -------------------------------------------------------------------------------- /screenshots/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/1.jpg -------------------------------------------------------------------------------- /screenshots/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/2.png -------------------------------------------------------------------------------- /screenshots/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/3.png -------------------------------------------------------------------------------- /screenshots/HA-Lights.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-Lights.png -------------------------------------------------------------------------------- /screenshots/HA-Media.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-Media.png -------------------------------------------------------------------------------- /screenshots/HA-Search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-Search.png -------------------------------------------------------------------------------- /screenshots/HA-Security_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-Security_new.png -------------------------------------------------------------------------------- /screenshots/HA-System.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-System.png -------------------------------------------------------------------------------- /screenshots/HA-System_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/HA-System_new.png -------------------------------------------------------------------------------- /screenshots/NEW_Lights_Dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/NEW_Lights_Dashboard.png -------------------------------------------------------------------------------- /screenshots/NEW_Media_Dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/NEW_Media_Dashboard.png -------------------------------------------------------------------------------- /screenshots/NEW_Security_Dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/NEW_Security_Dashboard.png -------------------------------------------------------------------------------- /screenshots/NEW_System_Dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/NEW_System_Dashboard.png -------------------------------------------------------------------------------- /screenshots/sec1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/sec1.jpg -------------------------------------------------------------------------------- /screenshots/sec2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/sec2.jpg -------------------------------------------------------------------------------- /screenshots/sec3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/sec3.jpg -------------------------------------------------------------------------------- /screenshots/sec4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/sec4.jpg -------------------------------------------------------------------------------- /screenshots/temp1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/temp1.jpg -------------------------------------------------------------------------------- /screenshots/temp2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pqpxo/SWAKES_hassio/8b8b416d317772e2947582a10f2e4f6aa688d952/screenshots/temp2.jpg -------------------------------------------------------------------------------- /themes/google_dark.yaml: -------------------------------------------------------------------------------- 1 | # Theme based on Google app dark theme 2 | # Creater: Juan - @juanmtech 3 | # Website: https://www.juanmtech.com 4 | # YouTube Channel: https://youtube.com/juanmtech 5 | # My Home Assistant Config files: https://github.com/JuanMTech/Home_Assistant_files 6 | # 7 | # 8 | Google Dark Theme: 9 | transparent: "rgba(0,0,0,0.0)" 10 | # Header: 11 | app-header-background-color: "#1F1F20" 12 | app-header-text-color: "#F5F5F5" 13 | # Main Interface Colors 14 | primary-color: "#607d8b" 15 | light-primary-color: var(--primary-color) 16 | primary-background-color: "#1F1F20" 17 | secondary-background-color: var(--primary-background-color) 18 | divider-color: var(--primary-background-color) 19 | # Text 20 | primary-text-color: "#F5F5F5" 21 | secondary-text-color: "#9e9e9e" 22 | text-primary-color: "#FFFFFF" 23 | disabled-text-color: "#717171" 24 | card-header-text-color: "#F5F5F5" 25 | # Sidebar Menu 26 | sidebar-icon-color: var(--primary-text-color) 27 | sidebar-text-color: '#BDC1C6' 28 | sidebar-background-color: "rgba(27, 27, 27)" 29 | sidebar-selected-background-color: var(--primary-background-color) 30 | sidebar-selected-icon-color: "#607d8b" 31 | sidebar-selected-text-color: var(--sidebar-selected-icon-color)) 32 | # States and Badges 33 | state-icon-color: "#5F6267" 34 | state-icon-active-color: "#ffc107" 35 | state-icon-unavailable-color: var(--disabled-text-color) 36 | # Sliders 37 | paper-slider-knob-color: "#607d8b" 38 | paper-slider-knob-start-color: var(--paper-slider-knob-color) 39 | paper-slider-pin-color: var(--paper-slider-knob-color) 40 | paper-slider-active-color: var(--paper-slider-knob-color) 41 | paper-slider-secondary-color: var(--light-primary-color) 42 | # Labels 43 | label-badge-background-color: "#202124" 44 | label-badge-text-color: "#BDC1C6" 45 | label-badge-red: "#D06568" 46 | label-badge-green: "#80C884" 47 | label-badge-blue: "#5F9BEA" 48 | label-badge-yellow: "#DFC271" 49 | label-badge-gray: "#5F6267" 50 | 51 | # Cards 52 | ha-alert-background: "#251210" 53 | ha-card-border-radius: "15px" 54 | #ha-card-box-shadow: 1px 1px 5px 0px rgb(12, 12, 14) 55 | card-box-shadow: "0 16px 22px 2px rgba(180, 180, 180, 0.05), 0 6px 30px 5px rgba(180, 180, 180, 0.04), 0 8px 10px -17px rgba(180, 180, 180, 0.2)" 56 | ha-card-box-shadow: "none" 57 | paper-card-background-color: 'var(--transparent)' 58 | #paper-card-background-color: "#202124" 59 | paper-listbox-background-color: "#202124" 60 | # Switches 61 | switch-checked-button-color: "#607d8b" 62 | switch-checked-track-color: "#90a4ae" 63 | switch-unchecked-button-color: "#636466" 64 | switch-unchecked-track-color: "#636466" 65 | # Toggles 66 | paper-toggle-button-checked-button-color: var(--switch-checked-button-color) 67 | paper-toggle-button-checked-bar-color: var(--switch-checked-track-color) 68 | paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color) 69 | paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color) 70 | # Table 71 | table-row-background-color: var(--primary-background-color) 72 | table-row-alternative-background-color: var(--secondary-background-color) 73 | data-table-background-color: var(--primary-background-color) 74 | # Custom Header 75 | ch-background: 'var(--primary-background-color)' 76 | ch-active-tab-color: 'var(--text-primary-color)' 77 | ch-notification-dot-color: 'var(--accent-color)' 78 | ch-all-tabs-color: 'var(--disabled-text-color)' 79 | ch-tab-indicator-color: 'var(--transparent)' 80 | ch-options-color: 'var(--transparent)' 81 | ch-menu-color: 'var(--transparent)' 82 | # Card Temp 83 | card-temperature-cold: 'var(--sidebar-background-color)' 84 | card-temperature-warm: 'var(--sidebar-background-color)' 85 | card-temperature-hot: 'var(--sidebar-background-color)' 86 | # Simple Weather 87 | default_start: 'rgba(78, 87, 108, 0.8)' 88 | default_end: 'rgba(78, 87, 108)' 89 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/README.md: -------------------------------------------------------------------------------- 1 | # Home Assistant Community Themes 2 | > All community themes in one repository 3 | 4 | Buy Me A Coffee 5 | 6 | ## Themes 7 | 8 | | Theme | Credits | Variable | 9 | | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------- | 10 | | Amoled | [lance36](https://community.home-assistant.io/u/lance36) posted [Amoled Theme](https://community.home-assistant.io/t/amoled-theme/94875) | amoled | 11 | | Christmas | [moose517](https://community.home-assistant.io/u/moose517) posted [Christmas Theme](https://community.home-assistant.io/t/christmas-theme/34036) | christmas | 12 | | Dark Cyan | [broesie](https://community.home-assistant.io/u/broesie) posted [Dark Cyan Theme](https://community.home-assistant.io/t/dark-cyan-theme/28594) | dark_cyan | 13 | | Dark Orange | [Bram_Kragten](https://community.home-assistant.io/u/Bram_Kragten) posted [Orange Theme](https://community.home-assistant.io/t/orange-theme/28601) | dark_orange | 14 | | Dark Red | [broesie](https://community.home-assistant.io/u/broesie) posted [Dark Red Theme](https://community.home-assistant.io/t/dark-red-theme/28592) | dark_red | 15 | | Another Dark | [lambtho](https://community.home-assistant.io/u/lambtho) posted [Another Dark Theme](https://community.home-assistant.io/t/another-dark-theme/28595) | dark | 16 | | Halloween | [skalavala](https://community.home-assistant.io/u/skalavala) posted [Halloween Theme](https://community.home-assistant.io/t/halloween-theme/30872) | halloween | 17 | | Material Dark | [matust](https://community.home-assistant.io/u/matust) posted [Material dark theme](https://community.home-assistant.io/t/material-dark-theme/30796) | material_dark_green | 18 | | Material Dark Red | [95gabor](https://community.home-assistant.io/u/95gabor) posted [Material dark red theme](https://community.home-assistant.io/t/material-dark-red-frontend-theme/100690) | material_dark_red | 19 | | Midnight | [marcelhoffs](https://community.home-assistant.io/u/marcelhoffs) posted [Midnight Theme](https://community.home-assistant.io/t/midnight-theme/28598) | midnight | 20 | | Grey Night | [ksya](https://community.home-assistant.io/u/ksya) posted [Grey Night theme](https://community.home-assistant.io/t/grey-night-theme/30848) | night | 21 | | Nord | [Jasperro](https://community.home-assistant.io/u/jasperro) posted [Nord Theme](https://community.home-assistant.io/t/nord-theme/129301) | nord | 22 | | Solarized Light | [snwtoy](https://community.home-assistant.io/u/snwtoy) posted [Solarized Light theme](https://community.home-assistant.io/t/solarized-light-theme/42713) | solarized_light | 23 | | Sublimination | [MikaelSchultz](https://community.home-assistant.io/u/MikaelSchultz) posted [Sublimination Theme](https://community.home-assistant.io/t/sublimination-theme/67312) | sublimination | 24 | | Black and Green | [GreenTurtwig](https://community.home-assistant.io/u/GreenTurtwig) posted [Black and Green Theme](https://community.home-assistant.io/t/black-and-green-theme/28602) | teal | 25 | | Vintage | [surendran.anup](https://community.home-assistant.io/u/surendran.anup) posted [Vintage Theme](https://community.home-assistant.io/t/vintage-theme/42806) | vintage | 26 | 27 | > Do you enjoy one of the community themes? Show the creator some love by pressing the :heart: under the body of the post. 28 | 29 | Your theme not listed? Create a pull request or an issue. 30 | 31 | ## Installation 32 | 33 | Clone this repository in your existing (or create it) `themes/` folder. 34 | 35 | ```bash 36 | cd themes/ 37 | git clone https://github.com/maartenpaauw/home-assistant-community-themes.git 38 | ``` 39 | 40 | Or using submodules: 41 | 42 | ```bash 43 | cd themes/ 44 | git submodule add https://github.com/maartenpaauw/home-assistant-community-themes.git 45 | ``` 46 | 47 | Add the following code to your `configuration.yaml` file. 48 | 49 | ```yaml 50 | frontend: 51 | ... # your configuration. 52 | themes: !include_dir_merge_named themes 53 | ... # your configuration. 54 | ``` 55 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/amoled.yaml: -------------------------------------------------------------------------------- 1 | amoled: 2 | primary-color: "#484A4C" 3 | accent-color: "#E45E65" 4 | dark-primary-color: "var(--accent-color)" 5 | light-primary-color: "var(--accent-color)" 6 | primary-text-color: "#FFFFFF" 7 | text-primary-color: "var(--primary-text-color)" 8 | secondary-text-color: "#5294E2" 9 | disabled-text-color: "#7F848E" 10 | label-badge-border-color: "green" 11 | primary-background-color: "#000000" 12 | secondary-background-color: "#383C45" 13 | sidebar-text-color: "var(--primary-color)" 14 | sidebar-icon-color: "var(--primary-color)" 15 | sidebar-selected-text-color: "var(--primary-text-color)" 16 | sidebar-selected-icon-color: "var(--primary-text-color)" 17 | divider-color: "rgba(0, 0, 0, .12)" 18 | table-row-background-color: "#353840" 19 | table-row-alternative-background-color: "#3E424B" 20 | paper-listbox-color: "#FFFFFF)" 21 | paper-listbox-background-color: "#000000" 22 | paper-grey-50: "var(--primary-text-color)" 23 | paper-grey-200: "#414A59" 24 | paper-card-header-color: "var(--accent-color)" 25 | paper-card-background-color: "#000000" 26 | paper-dialog-background-color: "#000000" 27 | paper-item-icon-color: "var(--primary-text-color)" 28 | paper-item-icon-active-color: "#F9C536" 29 | paper-item-icon_-_color: "green" 30 | paper-item-selected_-_background-color: "#434954" 31 | paper-tabs-selection-bar-color: "green" 32 | label-badge-red: "var(--accent-color)" 33 | label-badge-text-color: "var(--primary-text-color)" 34 | label-badge-background-color: "#2E333A" 35 | paper-button-ink-color: "#5294E2" 36 | paper-button-color: "#5294E2" 37 | paper-toggle-button-checked-button-color: "var(--accent-color)" 38 | paper-toggle-button-checked-bar-color: "var(--accent-color)" 39 | paper-toggle-button-checked-ink-color: "var(--accent-color)" 40 | paper-toggle-button-unchecked-button-color: "var(--disabled-text-color)" 41 | paper-toggle-button-unchecked-bar-color: "var(--disabled-text-color)" 42 | paper-toggle-button-unchecked-ink-color: "var(--disabled-text-color)" 43 | paper-slider-knob-color: "var(--accent-color)" 44 | paper-slider-knob-start-color: "var(--accent-color)" 45 | paper-slider-pin-color: "var(--accent-color)" 46 | paper-slider-active-color: "var(--accent-color)" 47 | paper-slider-container-color: "linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat" 48 | paper-slider-secondary-color: "var(--secondary-background-color)" 49 | paper-slider-disabled-active-color: "var(--disabled-text-color)" 50 | paper-slider-disabled-secondary-color: "var(--disabled-text-color)" 51 | google-red-500: "#E45E65" 52 | google-green-500: "#39E949" 53 | 54 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/christmas.yaml: -------------------------------------------------------------------------------- 1 | christmas: 2 | primary-color: "#B71515" 3 | disabled-text-color: "#1e7d1e" 4 | divider-color: "#1e7d1e" 5 | paper-card-background-color: "#B71515" 6 | paper-grey-200: "#1e7d1e" 7 | paper-item-icon-color: "#1e7d1e" 8 | paper-listbox-background-color: "#B71515" 9 | paper-listbox-color: "#1e7d1e" 10 | primary-background-color: "#1e7d1e" 11 | primary-text-color: "#FFFFFF" 12 | secondary-background-color: "#1e7d1e" 13 | secondary-text-color: "#000000" 14 | text-primary-color: "#FFFFFF" 15 | dark-primary-color: "#000000" 16 | light-primary-color: "#B71515" 17 | paper-toggle-button-checked-button-color: "#dcd736" 18 | paper-toggle-button-checked-bar-color: "#DCD736" 19 | paper-slider-knob-color: "#DCD736" 20 | paper-slider-active-color: "#DCD736" 21 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/clear_swakes.yaml: -------------------------------------------------------------------------------- 1 | clear-swakes: 2 | # Background image 3 | lovelace-background: 'center / cover no-repeat url("/local/lowpoly.png")' 4 | # Colors 5 | text-color: '#ffffff' # Grey text 6 | text-medium-light-color: '#A0A2A8' # Medium-light grey text 7 | text-medium-color: '#c2c4cc' # Medium grey text 8 | text-dark-color: '#6A6B74' # Dark grey text 9 | accent-color: '#008bef' # Blue 10 | accent-medium-color: '#2686c1' # Decent blue 11 | background-color: '#727687' # Dark grey background 12 | background-color-2: '#93a0cc' # Light grey background 13 | background-card-color: '#424656' # Grey background 14 | border-color: '#383C46' # Grey border 15 | 16 | # Header 17 | primary-color: '#13274a' # Background color 18 | text-primary-color: 'var(--text-color)' # Text 19 | 20 | # Left Menu 21 | paper-listbox-background-color: 'var(--background-color)' # Background 22 | sidebar-icon-color: 'var(--text-medium-color)' # icons 23 | sidebar-selected-icon-color: 'var(--text-medium-light-color)' # Selected row icon and background (15%) 24 | sidebar-selected-text-color: 'var(--text-color)' # Selected row label 25 | 26 | # UI 27 | paper-card-header-color: 'var(--text-color)' # Title in settings 28 | primary-background-color: 'var(--background-color)' # Background (also title background in left menu) 29 | mdc-theme-primary: 'var(--accent-medium-color)' # Action Buttons (save, restart etc.) 30 | card-background-color: 'var(--background-card-color)' # Entity Registry Background 31 | 32 | # Card 33 | paper-card-background-color: 'var(--background-card-color)' # Background 34 | dark-primary-color: 'var(--text-color)' 35 | primary-text-color: 'var(--text-color)' 36 | paper-listbox-color: 'var(--text-color)' 37 | light-primary-color: 'var(--text-dark-color)' 38 | secondary-text-color: 'var(--text-medium-color)' 39 | disabled-text-color: 'var(--text-dark-color)' 40 | paper-dialog-button-color: 'var(--text-color)' 41 | secondary-background-color: 'var(--background-color-2)' # Background more info title 42 | ha-card-border-radius: 10px 43 | 44 | # Icons 45 | paper-item-icon-color: 'var(--text-color)' # Off 46 | paper-item-icon-active-color: 'var(--accent-color)' # On 47 | 48 | # Switches 49 | switch-checked-button-color: 'var(--text-medium-light-color)' # Knob On 50 | switch-unchecked-button-color: 'var(--text-medium-light-color)' # Knob Off 51 | switch-checked-track-color: '#009FFF' # Background On 52 | switch-unchecked-track-color: '#767682' # Background Off 53 | 54 | # Slider 55 | paper-slider-active-color: 'var(--accent-color)' # Line On 56 | paper-slider-knob-color: 'var(--text-medium-light-color)' # Knob On 57 | paper-slider-container-color: 'var(--text-dark-color)' # Line Off 58 | paper-slider-knob-start-color: 'var(--text-medium-light-color)' # Knob Off 59 | 60 | # Shadows 61 | ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)' 62 | 63 | # HACS 64 | hacs-badge-color: 'var(--accent-color)' # New Badge 65 | hacs-status-installed: 'var(--text-color)' # Installed Icon 66 | hacs-status-pending-restart: 'var(--text-dark-color)' # Restart Icon 67 | hacs-status-pending-update: 'var(--accent-color)' # Update Icon -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/dark.yaml: -------------------------------------------------------------------------------- 1 | dark: 2 | primary-color: "#1ABA92" 3 | primary-background-color: "#303030" 4 | secondary-background-color: "#303030" 5 | paper-card-background-color: "#424242" 6 | paper-item-icon-color: "#1ABA92" 7 | primary-text-color: "#FFFFFF" 8 | secondary-text-color: "rgba(255, 255, 255, 0.7)" 9 | disabled-text-color: "rgba(255, 255, 255, 0.5)" 10 | divider-color: "rgba(255, 255, 255, 0.12)" 11 | paper-card-header-color: "#FFFFFF" 12 | paper-listbox-background-color: "#424242" 13 | paper-listbox-color: "#FFFFFF" 14 | paper-grey-200: "#616161" 15 | paper-toggle-button-checked-ink-color: "#1ABA92" 16 | paper-toggle-button-checked-button-color: "#1ABA92" 17 | paper-toggle-button-checked-bar-color: "#1ABA92" 18 | paper-slider-knob-color: "#1ABA92" 19 | paper-slider-knob-start-color: "#1ABA92" 20 | paper-slider-pin-color: "#1ABA92" 21 | paper-slider-active-color: "#1ABA92" 22 | paper-slider-secondary-color: "#33F2D8" 23 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/dark_cyan.yaml: -------------------------------------------------------------------------------- 1 | dark_cyan: 2 | primary-color: "#00bcd4" 3 | disabled-text-color: "#545454" 4 | divider-color: "rgba(255, 255, 255, 0.12)" 5 | paper-card-background-color: "#4e4e4e" 6 | paper-grey-200: "#191919" 7 | paper-item-icon-color: "#d3d3d3" 8 | paper-listbox-background-color: "#202020" 9 | paper-listbox-color: "#FFFFFF" 10 | primary-background-color: "#303030" 11 | primary-text-color: "#cfcfcf" 12 | secondary-background-color: "#2b2b2b" 13 | secondary-text-color: "#04a7bc" 14 | label-badge-background-color: "var(--secondary-background-color)" 15 | label-badge-text-color: "var(--text-primary-color)" 16 | paper-card-header-color: "#var(--paper-item-icon-color)" 17 | paper-grey-50: "var(--primary-text-color)" 18 | paper-item-icon-active-color: "var(--primary-color)" 19 | paper-item-icon_-_color: "var(--primary-text-color)" 20 | paper-slider-active-color: "var(--primary-color)" 21 | paper-slider-knob-color: "var(--primary-color)" 22 | paper-slider-knob-start-color: "var(--primary-color)" 23 | paper-slider-pin-color: "var(--primary-color)" 24 | paper-slider-secondary-color: "var(--light-primary-color)" 25 | paper-toggle-button-checked-ink-color: "var(--dark-primary-color)" 26 | paper-toggle-button-checked-button-color: "var(--primary-color)" 27 | paper-toggle-button-checked-bar-color: "var(--light-primary-color)" 28 | paper-toggle-button-unchecked-bar-color: "var(--primary-text-color)" 29 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/dark_orange.yaml: -------------------------------------------------------------------------------- 1 | dark_orange: 2 | primary-color: "#ff9800" 3 | light-primary-color: "#ffc947" 4 | dark-primary-color: "#c66900" 5 | text-primary-color: "#ffffff" 6 | primary-background-color: "#37464f" 7 | sidebar-text_-_background: "#62717b" 8 | paper-card-background-color: "#263137" 9 | paper-card-header-color: "var(--text-primary-color)" 10 | secondary-background-color: "var(--primary-background-color)" 11 | primary-text-color: "var(--text-primary-color)" 12 | secondary-text-color: "var(--primary-color)" 13 | paper-listbox-background-color: "var(--sidebar-text_-_background)" 14 | paper-toggle-button-checked-ink-color: "var(--dark-primary-color)" 15 | paper-toggle-button-checked-button-color: "var(--dark-primary-color)" 16 | paper-toggle-button-checked-bar-color: "var(--dark-primary-color)" 17 | paper-slider-knob-color: "var(--primary-color)" 18 | paper-slider-knob-start-color: "var(--primary-color)" 19 | paper-slider-pin-color: "var(--primary-color)" 20 | paper-slider-active-color: "var(--primary-color)" 21 | paper-slider-secondary-color: "var(--light-primary-color)" 22 | paper-slider-container-color: "var(--sidebar-text_-_background)" 23 | paper-progress-secondary-color: "var(--sidebar-text_-_background)" 24 | paper-item-selected_-_background-color: "var(--primary-color)" 25 | paper-item-icon_-_color: "var(--text-primary-color)" 26 | paper-item-icon-color: "var(--sidebar-text_-_background)" 27 | paper-item-icon-active-color: "var(--primary-color)" 28 | paper-grey-50: "var(--sidebar-text_-_background)" 29 | paper-grey-200: "var(--primary-background-color)" 30 | label-badge-background-color: "var(--sidebar-text_-_background)" 31 | label-badge-text-color: "var(--text-primary-color)" 32 | label-badge-red: "var(--primary-color)" 33 | label-badge-blue: "var(--light-primary-color)" 34 | label-badge-green: "var(--dark-primary-color)" 35 | label-badge-yellow: "var(--text-primary-color)" 36 | label-badge-grey: "var(--paper-grey-500)" 37 | table-row-background-color: "var(--paper-card-background-color)" 38 | table-row-alternative-background-color: "var(--sidebar-text_-_background)" 39 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/dark_red.yaml: -------------------------------------------------------------------------------- 1 | dark_red: 2 | ### Main Interface Colors ### 3 | primary-color: "#13274A" 4 | light-primary-color: "#1a3464" 5 | primary-background-color: "#13274A" 6 | secondary-background-color: var(--primary-background-color) 7 | divider-color: "#E4E8EE" 8 | ### Text ### 9 | primary-text-color: "#13274A" 10 | secondary-text-color: "#00E2D8" 11 | text-primary-color: "#13274A" 12 | disabled-text-color: "#BECAD2" 13 | ### Sidebar Menu ### 14 | sidebar-icon-color: "#BCC5D1" 15 | sidebar-text-color: "#13274A" 16 | sidebar-selected-background-color: var(--primary-background-color) 17 | sidebar-selected-icon-color: "#00E2D8" 18 | sidebar-selected-text-color: var(--sidebar-selected-icon-color) 19 | ### States and Badges ### 20 | state-icon-color: "#00C5E3" 21 | state-icon-active-color: "#FBCD41" 22 | state-icon-unavailable-color: var(--disabled-text-color) 23 | ### Sliders ### 24 | paper-slider-knob-color: "#00E2D8" 25 | paper-slider-knob-start-color: var(--paper-slider-knob-color) 26 | paper-slider-pin-color: var(--paper-slider-knob-color) 27 | paper-slider-active-color: var(--paper-slider-knob-color) 28 | paper-slider-secondary-color: "#00C5E3" 29 | ### Labels ### 30 | label-badge-background-color: "#F7F8FA" 31 | label-badge-text-color: "#13274A" 32 | label-badge-red: "#BCC5D1" 33 | ### Cards ### 34 | paper-card-background-color: "#FBFBFD" 35 | paper-listbox-background-color: var(--primary-background-color) 36 | ### Toggles ### 37 | paper-toggle-button-checked-button-color: "#00E2D8" 38 | paper-toggle-button-checked-bar-color: "#00EDE0" 39 | paper-toggle-button-unchecked-button-color: "#A8B3C3" 40 | paper-toggle-button-unchecked-bar-color: "#CED5DD" 41 | ### Table row ### 42 | table-row-background-color: var(--primary-background-color) 43 | table-row-alternative-background-color: var(--secondary-background-color) -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/halloween.yaml: -------------------------------------------------------------------------------- 1 | halloween: 2 | primary-color: "#dd5800" 3 | disabled-text-color: "#242424" 4 | divider-color: "rgba(255, 0, 0, 0.12)" 5 | paper-card-background-color: "#000000" 6 | paper-grey-200: "#4e4e4e" 7 | paper-item-icon-color: "#FFFFFF" 8 | paper-listbox-background-color: "#202020" 9 | paper-listbox-color: "#FFFFFF" 10 | primary-background-color: "#2b2b2b" 11 | primary-text-color: "#dd5800" 12 | secondary-background-color: "#2b2b2b" 13 | secondary-text-color: "#dd5800" 14 | text-primary-color: "#000000" 15 | dark-primary-color: "#7a4901" 16 | light-primary-color: "#ff8f45" 17 | paper-toggle-button-checked-ink-color: "#ff8f45" 18 | paper-toggle-button-checked-button-color: "#dd5800" 19 | paper-toggle-button-checked-bar-color: "#ff8f45" 20 | paper-slider-knob-color: "#dd5800" 21 | paper-slider-knob-start-color: "#dd5800" 22 | paper-slider-pin-color: "#dd5800" 23 | paper-slider-active-color: "#dd5800" 24 | paper-slider-secondary-color: "#ff8f45" 25 | label-badge-background-color: "var(--secondary-background-color)" 26 | label-badge-text-color: "var(--text-primary-color)" 27 | paper-card-header-color: "#var(--paper-item-icon-color)" 28 | paper-grey-50: "var(--primary-text-color)" 29 | paper-item-icon-active-color: "#ff0000" 30 | paper-item-icon_-_color: "var(--primary-text-color)" 31 | paper-toggle-button-unchecked-bar-color: "var(--primary-text-color)" 32 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/material_dark_green.yaml: -------------------------------------------------------------------------------- 1 | material_dark_green: 2 | light_green: "#08a8a5" 3 | dark_green: "#017775" 4 | dark_grey: "#232326" 5 | light_grey: "#344249" 6 | red: "#d10404" 7 | yellow: "#fffa0c" 8 | white: "#f7f7f7" 9 | pink: "#ff0090" 10 | primary-color: "var(--light_green)" 11 | light-primary-color: "var(--red)" 12 | dark-primary-color: "var(--red)" 13 | text-primary-color: "var(--pink)" 14 | primary-background-color: "var(--dark_grey)" 15 | sidebar-text_-_background: "var(--pink)" 16 | paper-card-background-color: "var(--light_grey)" 17 | paper-card-header-color: "var(--white)" 18 | secondary-background-color: "var(--dark_grey)" 19 | primary-text-color: "var(--white)" 20 | secondary-text-color: "var(--white)" 21 | paper-listbox-background-color: "var(--light_grey)" 22 | paper-toggle-button-checked-ink-color: "var(--pink)" 23 | paper-toggle-button-checked-button-color: "var(--yellow)" 24 | paper-toggle-button-checked-bar-color: "var(--yellow)" 25 | paper-slider-knob-color: "var(--yellow)" 26 | paper-slider-knob-start-color: "var(--red)" 27 | paper-slider-pin-color: "var(--pink)" 28 | paper-slider-active-color: "var(--yellow)" 29 | paper-slider-secondary-color: "var(--pink)" 30 | paper-slider-container-color: "var(--red)" 31 | paper-progress-secondary-color: "var(--pink)" 32 | paper-item-selected_-_background-color: "var(--light_green)" 33 | paper-item-icon_-_color: "var(--pink)" 34 | paper-item-icon-color: "var(--dark_green)" 35 | paper-item-icon-active-color: "var(--yellow)" 36 | paper-grey-50: "var(--light_green)" 37 | paper-grey-200: "var(--dark_green)" 38 | label-badge-background-color: "var(--light_grey)" 39 | label-badge-text-color: "var(--white)" 40 | label-badge-red: "var(--red)" 41 | label-badge-blue: "var(--pink)" 42 | label-badge-green: "var(--pink)" 43 | label-badge-yellow: "var(--pink)" 44 | label-badge-grey: "var(--pink)" 45 | table-row-background-color: "var(--light_grey)" 46 | table-row-alternative-background-color: "var(--dark_grey)" 47 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/material_dark_red.yaml: -------------------------------------------------------------------------------- 1 | material_dark_red: 2 | dark-primary-color: "#c66900" 3 | disabled-text-color: "#545454" 4 | divider-color: "#333333" 5 | light-primary-color: "#e06c6c" 6 | paper-card-background-color: "#333333" 7 | paper-grey-200: "#191919" 8 | paper-item-icon-color: "#d3d3d3" 9 | paper-listbox-background-color: "var(--paper-card-background-color)" 10 | primary-background-color: "#272822" 11 | primary-color: "#d32f2f" 12 | primary-text-color: "#cfcfcf" 13 | secondary-background-color: "#131313" 14 | sidebar-text_-_background: "#333333" 15 | sidebar-icon-color: "var(--paper-item-icon-color)" 16 | paper-card-header-color: "var(--paper-item-icon-color)" 17 | paper-item-icon-active-color: "var(--primary-color)" 18 | paper-item-icon_-_color: "var(--paper-item-icon-color)" 19 | paper-listbox-color: "var(--primary-text-color)" 20 | paper-grey-50: "var(--primary-text-color)" 21 | paper-slider-active-color: "var(--primary-color)" 22 | paper-slider-knob-color: "var(--primary-color)" 23 | paper-slider-knob-start-color: "var(--primary-color)" 24 | paper-slider-pin-color: "var(--primary-color)" 25 | paper-slider-secondary-color: "var(--light-primary-color)" 26 | paper-toggle-button-checked-ink-color: "var(--dark-primary-color)" 27 | paper-toggle-button-checked-button-color: "var(--primary-color)" 28 | paper-toggle-button-checked-bar-color: "var(--light-primary-color)" 29 | paper-toggle-button-unchecked-bar-color: "var(--primary-text-color)" 30 | secondary-text-color: "var(--primary-color)" 31 | table-row-background-color: "var(--paper-card-background-color)" 32 | table-row-alternative-background-color: "var(--sidebar-text_-_background)" 33 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/midnight.yaml: -------------------------------------------------------------------------------- 1 | midnight: 2 | primary-color: "#5294E2" 3 | accent-color: "#E45E65" 4 | dark-primary-color: "var(--accent-color)" 5 | light-primary-color: "var(--accent-color)" 6 | primary-text-color: "#FFFFFF" 7 | text-primary-color: "var(--primary-text-color)" 8 | secondary-text-color: "#5294E2" 9 | disabled-text-color: "#7F848E" 10 | label-badge-border-color: "green" 11 | primary-background-color: "#383C45" 12 | secondary-background-color: "#383C45" 13 | divider-color: "rgba(0, 0, 0, .12)" 14 | table-row-background-color: "#353840" 15 | table-row-alternative-background-color: "#3E424B" 16 | paper-listbox-color: "var(--primary-color)" 17 | paper-listbox-background-color: "#2E333A" 18 | paper-grey-50: "var(--primary-text-color)" 19 | paper-grey-200: "#414A59" 20 | paper-card-header-color: "var(--accent-color)" 21 | paper-card-background-color: "#434954" 22 | paper-dialog-background-color: "#434954" 23 | paper-item-icon-color: "var(--primary-text-color)" 24 | paper-item-icon-active-color: "#F9C536" 25 | paper-item-icon_-_color: "green" 26 | paper-item-selected_-_background-color: "#434954" 27 | paper-tabs-selection-bar-color: "green" 28 | label-badge-red: "var(--accent-color)" 29 | label-badge-text-color: "var(--primary-text-color)" 30 | label-badge-background-color: "#2E333A" 31 | paper-toggle-button-checked-button-color: "var(--accent-color)" 32 | paper-toggle-button-checked-bar-color: "var(--accent-color)" 33 | paper-toggle-button-checked-ink-color: "var(--accent-color)" 34 | paper-toggle-button-unchecked-button-color: "var(--disabled-text-color)" 35 | paper-toggle-button-unchecked-bar-color: "var(--disabled-text-color)" 36 | paper-toggle-button-unchecked-ink-color: "var(--disabled-text-color)" 37 | paper-slider-knob-color: "var(--accent-color)" 38 | paper-slider-knob-start-color: "var(--accent-color)" 39 | paper-slider-pin-color: "var(--accent-color)" 40 | paper-slider-active-color: "var(--accent-color)" 41 | paper-slider-container-color: "linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat" 42 | paper-slider-secondary-color: "var(--secondary-background-color)" 43 | paper-slider-disabled-active-color: "var(--disabled-text-color)" 44 | paper-slider-disabled-secondary-color: "var(--disabled-text-color)" 45 | google-red-500: "#E45E65" 46 | google-green-500: "#39E949" 47 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/new_swakes.yaml: -------------------------------------------------------------------------------- 1 | new_swakes: 2 | # Background image 3 | lovelace-background: 'center / cover no-repeat url("/local/lowpoly.png")' 4 | background: 'center / cover no-repeat url("/local/lowpoly.png")' 5 | 6 | # Colors 7 | text-color: '#ffffff' # White text 8 | text-medium-light-color: '#A0A2A8' # Medium-light grey text 9 | text-medium-color: '#80828A' # Medium grey text 10 | text-dark-color: '#6A6B74' # Dark grey text 11 | accent-color: '#10294A' # Blue 12 | accent-medium-color: '#2686c1' # Decent blue 13 | background-color: '#4c566a' # Dark grey background 14 | background-color-2: '#10294A' # Light grey background 15 | background-card-color: '#4c566a' # Grey background 16 | border-color: '#383C46' # Grey border 17 | 18 | primary-font-family: 'Raleway, sans-serif' 19 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 20 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 21 | paper-font-body1_-_font-family: "var(--primary-font-family)" 22 | paper-font-header_-_font-family: "var(--primary-font-family)" 23 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 24 | paper-font-headline_-_font-family: "var(--primary-font-family)" 25 | paper-font-caption_-_font-family: "var(--primary-font-family)" 26 | paper-font-title_-_font-family: "var(--primary-font-family)" 27 | 28 | paper-card-font-common-base_-_font-family: "var(--primary-font-family)" 29 | paper-card-font-common-code_-_font-family: "var(--primary-font-family)" 30 | paper-card-font-body1_-_font-family: "var(--primary-font-family)" 31 | paper-card-font-header_-_font-family: "var(--primary-font-family)" 32 | paper-card-font-subhead_-_font-family: "var(--primary-font-family)" 33 | paper-card-font-headline_-_font-family: "var(--primary-font-family)" 34 | paper-card-font-caption_-_font-family: "var(--primary-font-family)" 35 | paper-card-font-title_-_font-family: "var(--primary-font-family)" 36 | 37 | # Header 38 | primary-color: '#3b4252' # Background color 39 | text-primary-color: 'var(--text-color)' # Text 40 | 41 | # Left Menu 42 | paper-listbox-background-color: '#3b4252' # Background 43 | menu-background-color: '#3b4252' 44 | sidebar-icon-color: '#ffffff ' # icons 45 | sidebar-selected-icon-color: 'var(--text-medium-light-color)' # Selected row icon and background (15%) 46 | sidebar-selected-text-color: 'var(--text-color)' # Selected row label 47 | 48 | ### Table row ### 49 | table-row-background-color: 'var(--primary-background-color)' 50 | table-row-alternative-background-color: 'var(--secondary-background-color)' 51 | 52 | # UI 53 | paper-card-header-color: '#3b4252' # Title in settings 54 | primary-background-color: '#10294A' # Background (also title background in left menu) 55 | mdc-theme-primary: 'var(--accent-medium-color)' # Action Buttons (save, restart etc.) 56 | card-background-color: 'var(--background-card-color)' # Entity Registry Background 57 | color: '#3b4252' 58 | 59 | # Card 60 | paper-card-background-color: 'var(--background-card-color)' # Background 61 | dark-primary-color: 'var(--text-color)' 62 | primary-text-color: 'var(--text-color)' 63 | paper-listbox-color: 'var(--text-color)' 64 | light-primary-color: 'var(--text-dark-color)' 65 | secondary-text-color: 'var(--text-medium-color)' 66 | disabled-text-color: 'var(--text-dark-color)' 67 | paper-dialog-button-color: 'var(--text-color)' 68 | secondary-background-color: 'var(--background-color-2)' # Background more info title 69 | ha-card-border-radius: 10px 70 | 71 | # Icons 72 | paper-item-icon-color: 'var(--text-color)' # Off 73 | paper-item-icon-active-color: 'var(--accent-color)' # On 74 | 75 | # Switches 76 | switch-checked-button-color: '#ffffff' # Knob On 77 | switch-unchecked-button-color: '#353c4a' # Knob Off 78 | switch-checked-track-color: '#009FFF' # Background On 79 | switch-unchecked-track-color: '#767682' # Background Off 80 | 81 | # Slider 82 | paper-slider-active-color: 'var(--accent-color)' # Line On 83 | paper-slider-container-color: 'var(--text-dark-color)' # Line Off 84 | paper-slider-knob-color: 'var(--text-medium-light-color)' # Knob On 85 | paper-slider-knob-start-color: 'var(--text-medium-light-color)' # Knob Off 86 | 87 | # Shadows 88 | ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)' 89 | 90 | # banner-card-heading-size: 3em 91 | # banner-card-entity-value-size: 1.5em 92 | # banner-card-spacing: 8xp -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/night.yaml: -------------------------------------------------------------------------------- 1 | night: 2 | base-hue: "220" 3 | base-sat: "5%" 4 | huesat: "var(--base-hue), var(--base-sat)," 5 | primary-color: "hsl(var(--huesat) 36%)" 6 | dark-primary-color: "hsl(var(--huesat) 60%)" 7 | light-primary-color: "hsl(var(--huesat) 90%)" 8 | accent-color: "hsl(var(--huesat) 30%)" 9 | primary-background-color: "hsl(var(--huesat) 16%)" 10 | secondary-background-color: "hsl(var(--huesat) 16%)" 11 | paper-listbox-background-color: "hsl(var(--huesat) 16%)" 12 | paper-card-background-color: "hsl(var(--huesat) 12%)" 13 | paper-dialog-background-color: "var(--paper-card-background-color)" 14 | table-row-background-color: "hsl(var(--huesat) 12%)" 15 | table-row-alternative-background-color: "hsl(var(--huesat) 10%)" 16 | divider-color: "hsla(0, 0%, 0%, 0)" 17 | dark-divider-opacity: "0" 18 | light-divider-opacity: "0" 19 | dark-secondary-opacity: "1" 20 | primary-text-color: "hsl(var(--huesat) 90%)" 21 | text-primary-color: "hsl(var(--huesat) 80%)" 22 | secondary-text-color: "hsl(var(--huesat) 80%)" 23 | disabled-text-color: "hsl(var(--huesat) 70%)" 24 | sidebar-text_-_color: "hsl(var(--huesat) 90%)" 25 | sidebar-text-color: "hsl(var(--huesat) 90%)" 26 | paper-card-header-color: "hsl(var(--huesat) 90%)" 27 | paper-button-ink-color: "hsl(var(--huesat) 50%)" 28 | paper-font-headline_-_letter-spacing: "-0.5px" 29 | paper-font-headline_-_font-weight: "400" 30 | paper-font-body1_-_font-weight: "300" 31 | paper-listbox-color: "hsl(var(--huesat) 50%)" 32 | paper-grey-50: "hsl(var(--huesat) 50%)" 33 | paper-grey-200: "hsl(var(--huesat) 10%)" 34 | paper-item-icon-color: "hsl(var(--huesat) 40%)" 35 | paper-item-icon-active-color: "var(--paper-item-icon-color)" 36 | paper-item-icon_-_color: "var(--paper-item-icon-color)" 37 | paper-item-selected_-_background-color: "hsla(0, 0%, 0%, 0.2)" 38 | paper-item-selected_-_color: "hsl(var(--huesat) 20%)" 39 | paper-tabs-selection-bar-color: "hsla(0, 0%, 0%, 0.2)" 40 | paper-tab-ink: "hsl(var(--huesat) 70%)" 41 | paper-input-container-color: "hsl(var(--huesat) 60%)" 42 | label-badge-red: "var(--paper-card-background-color)" 43 | label-badge-border-color: "var(--label-badge-red)" 44 | label-badge-background-color: "var(--paper-card-background-color)" 45 | label-badge-text-color: "var(--primary-text-color)" 46 | shadow-elevation-2dp_-_box-shadow: "0px 0px 0px 0px hsl(var(--huesat) 10%)" 47 | shadow-elevation-16dp_-_box-shadow: "0px 0px 0px 0px hsl(var(--huesat) 25%)" 48 | paper-toggle-button-checked-button-color: "hsl(var(--base-hue), 90%, 50%)" 49 | paper-toggle-button-checked-bar-color: "hsl(var(--huesat) 25%)" 50 | paper-toggle-button-unchecked-button-color: "hsl(var(--huesat) 25%)" 51 | paper-toggle-button-unchecked-bar-color: "hsl(var(--huesat) 5%)" 52 | paper-slider-knob-color: "hsl(var(--base-hue), 90%, 50%)" 53 | paper-slider-knob-start-color: "hsl(var(--base-hue), 80%, 25%)" 54 | paper-slider-pin-color: "hsl(var(--base-hue), 90%, 50%)" 55 | paper-slider-active-color: "hsl(var(--base-hue), 90%, 50%)" 56 | paper-slider-container-color: "hsl(var(--huesat) 28%)" 57 | paper-slider-secondary-color: "hsl(var(--huesat) 90%)" 58 | paper-slider-disabled-active-color: "hsl(var(--base-hue), 80%, 25%)" 59 | paper-slider-disabled-secondary-color: "hsl(var(--base-hue), 80%, 25%)" 60 | paper-dialog-color: "hsl(var(--base-hue), 20%, 80%)" 61 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/nord.yaml: -------------------------------------------------------------------------------- 1 | nord: 2 | # paper-toggle-button-checked-bar-color: "var(--dark-background-color)" 3 | # paper-toggle-button-checked-button-color: "var(--accent-color)" 4 | # paper-toggle-button-checked-ink-color: "var(--accent-color)" 5 | # paper-toggle-button-unchecked-bar-color: "var(--accent-color)" 6 | #banner-card-entity-value-size: "0.75em" 7 | #sidebar-selected-text-color: var(--sidebar-selected-icon-color) 8 | accent-color: "#10294A" 9 | background: 'center / cover no-repeat url("/local/lowpoly.png") fixed' 10 | #ha-card-background: "#10294A" 11 | banner-card-heading-size: "1.5em" 12 | banner-card-spacing: "8px" 13 | card-background-color: "#4c566a" 14 | dark-background-color: "#304160" 15 | dark-primary-color: "var(--accent-color)" 16 | disabled-text-color: "var(--card-background-color)" 17 | divider-color: "var(--dark-background-color)" 18 | foreground-color: "#eceff4" 19 | ha-card-border-radius: "18px" 20 | ha-card-header-color: "var(--foreground-color)" 21 | ha-card-header-font-family: "var(--primary-font-family)" 22 | label-badge-background-color: "var(--card-background-color)" 23 | label-badge-red: "var(--accent-color)" 24 | label-badge-text-color: "var(--foreground-color)" 25 | light-background-color: "#3b4252" 26 | light-primary-color: "var(--dark-background-color)" 27 | mini-media-player-icon-color: "--mini-media-player-base-color, var(--paper-item-icon-color, #13274A)" 28 | paper-button: "#ffffff" 29 | paper-card-background-color: "var(--card-background-color)" 30 | paper-card-header-color: "var(--accent-color)" 31 | paper-font-body1_-_font-family: "var(--primary-font-family)" 32 | paper-font-caption_-_font-family: "var(--primary-font-family)" 33 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 34 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 35 | paper-font-headline_-_font-family: "var(--primary-font-family)" 36 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 37 | paper-font-title_-_font-family: "var(--primary-font-family)" 38 | paper-grey-200: "var(--dark-background-color)" 39 | paper-grey-50: "var(--accent-color)" 40 | paper-item-icon_-_color: "var(--foreground-color)" 41 | paper-item-icon-active-color: "var(--accent-color)" 42 | paper-item-icon-color: "var(--foreground-color)" 43 | paper-item-selected_-_background-color: "var(--dark-background-color)" 44 | paper-listbox-background-color: "var(--light-background-color)" 45 | paper-listbox-color: "#ffffff" 46 | paper-slider-active-color: "var(--accent-color)" 47 | paper-slider-knob-color: "var(--accent-color)" 48 | paper-slider-knob-start-color: "var(--accent-color)" 49 | paper-slider-pin-color: "var(--accent-color)" 50 | paper-slider-secondary-color: "var(--dark-background-color)" 51 | primary-background-color: "var(--background)" 52 | primary-color: "ffffff" 53 | primary-font-family: "'Open Sans','Rubik',Roboto,sans-serif" 54 | primary-text-color: "var(--foreground-color)" 55 | secondary-background-color: "var(--dark-background-color)" 56 | secondary-text-color: "var(--foreground-color)" 57 | sidebar-icon-color: "var(--foreground-color)" 58 | sidebar-selected-background-color: "#00c6bf" 59 | sidebar-selected-icon-color: "var(--foreground-color)" 60 | sidebar-text-color: "var(--foreground-color)" 61 | custom-button-title: "linear-gradient(to right, rgba(16, 41, 74), rgba(107, 108, 133))" 62 | custom-button-leftgrad: "linear-gradient(135deg, rgb(76,86,106) 0%,rgb(107,108,133) 29%,rgb(16,41,74) 99%,rgb(107,108,133) 100%)" 63 | custom-button-rightgrad: "linear-gradient(45deg, rgb(76,86,106) 0%,rgb(107,108,133) 29%,rgb(16,41,74) 99%,rgb(107,108,133) 100%)" 64 | background1: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(55,148,159,1) 100%)" 65 | background2: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(14,99,143,1) 100%)" 66 | background3: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(64,162,185,1) 100%)" 67 | background4: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(24,89,116,1) 100%)" 68 | top-title: "linear-gradient(to bottom, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 69 | left-title: "linear-gradient(to right top, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 70 | right-title: "linear-gradient(to left top, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 71 | 1top-title: "linear-gradient(to bottom, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 72 | 1left-title: "linear-gradient(to right top, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 73 | 1right-title: "linear-gradient(to left top, #10294a, #2a3858, #414967, #565a76, #6b6c85)" 74 | 2top-title: "linear-gradient(to bottom, #10294a, #213452, #303f5a, #3e4a62, #4c566a)" 75 | 2left-title: "linear-gradient(to right top, #10294a, #213452, #303f5a, #3e4a62, #4c566a)" 76 | 2right-title: "linear-gradient(to left top, #10294a, #213452, #303f5a, #3e4a62, #4c566a)" 77 | 3top-title: "linear-gradient(to bottom, #10294a, #10294a, #21375b, #31466d, #42567f, #526692)" 78 | 3left-title: "linear-gradient(to right top, #10294a, #21375b, #31466d, #42567f, #526692)" 79 | 3right-title: "linear-gradient(to left top, #10294a, #21375b, #31466d, #42567f, #526692)" 80 | top1: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(21,72,101,1) 100%)" 81 | top2: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(49,158,177,1) 100%)" 82 | top3: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(27,107,135,1) 100%)" 83 | top4: "linear-gradient(90deg, rgba(16,41,74,1) 0%, rgba(37,115,157,1) 100%)" 84 | 85 | #1st-background-color: "#10294a" 86 | #2nd-background-color: "#455a64" 87 | #3rd-background-color: "#698094" -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/solarized_light.yaml: -------------------------------------------------------------------------------- 1 | solarized_light: 2 | primary-color: "#586e75" 3 | accent-color: "#fdf6e3" 4 | dark-primary-color: "#586e75" 5 | light-primary-color: "var(--accent-color)" 6 | primary-text-color: "#657b83" 7 | text-primary-color: "var(--primary-text-color)" 8 | secondary-text-color: "#93a1a1" 9 | disabled-text-color: "#7F848E" 10 | label-badge-border-color: "green" 11 | primary-background-color: "#fdf6e3" 12 | secondary-background-color: "#eee8d5" 13 | divider-color: "rgba(0, 0, 0, .12)" 14 | table-row-background-color: "#fdf6e3" 15 | table-row-alternative-background-color: "#eee8d5" 16 | paper-listbox-color: "var(--primary-color)" 17 | paper-listbox-background-color: "var(--accent-color)" 18 | paper-grey-50: "var(--primary-text-color)" 19 | paper-grey-200: "var(--accent-color)" 20 | paper-card-header-color: "var(--dark-primary-color)" 21 | paper-card-background-color: "var(--accent-color)" 22 | paper-dialog-background-color: "#fdf6e3" 23 | paper-item-icon-color: "var(--primary-text-color)" 24 | paper-item-icon-active-color: "#b58900" 25 | paper-item-icon_-_color: "green" 26 | paper-item-selected_-_color: "var(--accent-color)" 27 | paper-item-selected_-_background-color: "#cb4b16" 28 | paper-tabs-selection-bar-color: "green" 29 | label-badge-red: "#586e75" 30 | label-badge-text-color: "var(--primary-text-color)" 31 | label-badge-background-color: "var(--accent-color)" 32 | paper-toggle-button-checked-button-color: "#268bd2" 33 | paper-toggle-button-checked-bar-color: "var(--primary-color)" 34 | paper-toggle-button-checked-ink-color: "#268bd2" 35 | paper-toggle-button-unchecked-button-color: "var(--secondary-background-color)" 36 | paper-toggle-button-unchecked-bar-color: "var(--secondary-text-color)" 37 | paper-toggle-button-unchecked-ink-color: "var(--secondary-background-color)" 38 | paper-slider-knob-color: "var(--secondary-text-color)" 39 | paper-slider-knob-start-color: "var(--secondary-text-color)" 40 | paper-slider-pin-color: "var(--secondary-text-color)" 41 | paper-slider-active-color: "var(--secondary-text-color)" 42 | paper-slider-container-color: "linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat" 43 | paper-slider-secondary-color: "var(--secondary-background-color)" 44 | paper-slider-disabled-active-color: "var(--disabled-text-color)" 45 | paper-slider-disabled-secondary-color: "var(--disabled-text-color)" 46 | google-red-500: "#dc322f" 47 | google-green-500: "#859900" 48 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/sublimination.yaml: -------------------------------------------------------------------------------- 1 | sublimination: 2 | primary-text-color: "#F2F2F3" 3 | secondary-text-color: "#A6E12D" 4 | text-primary-color: "#F2F2F3" 5 | disabled-text-color: "#E7DB75" 6 | primary-color: "#F92772" 7 | dark-primary-color: "#F92772" 8 | light-primary-color: "#60605E" 9 | state-icon-color: "#5a583f" 10 | state-icon-active-color: "#ffeb5e" 11 | card-background-color: "#272822" 12 | primary-background-color: "#4f484f" 13 | secondary-background-color: "#4f484f" 14 | sidebar-icon-color: "rgba(0, 0, 0, 0.5)" 15 | sidebar-selected-text-color: "#A6E12D" 16 | sidebar-selected-background-color: "rgba(159, 196, 74, 0.1)" 17 | sidebar-selected-icon-color: "#A6E12D" 18 | toggle-button-color: "#F92772" 19 | toggle-button-unchecked-color: "#C4C4C6" 20 | paper-card-header-color: "#A6E12D" 21 | ha-label-badge-label-color: "#000000" 22 | label-badge-background-color: "#272822" 23 | label-badge-text-color: "rgb(255, 255, 255)" 24 | label-badge-red: "#A6E12D" 25 | table-row-alternative-background-color: "#433d43" 26 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/swakes.yaml: -------------------------------------------------------------------------------- 1 | swakes: 2 | 3 | 4 | ### Main Interface Colors ### 5 | 6 | primary-background-color: "#2e4150" 7 | light-background-color: "#698094" 8 | foreground-color: "#eceff4" 9 | background-image: center / cover no-repeat url("/local/lowpoly.png") fixed 10 | 11 | primary-color: "#ffffff" 12 | light-primary-color: "var(--dark-background-color)" 13 | dark-primary-color: "var(--accent-color)" 14 | 15 | dark-background-color: "#4c566a" 16 | card-background-color: "#4c566a" 17 | 18 | hui-panel-view: "var(--primary-background-color)" 19 | 20 | 21 | accent-color: "#10294A" 22 | 23 | paper-grey-50: "var(--accent-color)" 24 | 25 | primary-font-family: "Roboto Condensed, Roboto, system-ui" 26 | 27 | 28 | ### Text ### 29 | primary-text-color: "var(--foreground-color)" 30 | secondary-text-color: "var(--foreground-color)" 31 | text-primary-color: "var(--foreground-color)" 32 | disabled-text-color: "var(--foreground-color)" 33 | 34 | 35 | ### Sidebar Menu ### 36 | sidebar-icon-color: "var(--foreground-color)" 37 | sidebar-text-color: "#ffffff" 38 | sidebar-selected-background-color: "#10294A" 39 | sidebar-selected-icon-color: "#9EB9C9" 40 | sidebar-selected-text-color: "var(--sidebar-selected-icon-color)" 41 | 42 | 43 | 44 | 45 | ### States and Badges ### 46 | state-icon-color: "#00C5E3" 47 | state-icon-active-color: "#FBCD41" 48 | state-icon-unavailable-color: var(--disabled-text-color) 49 | state-text-align: "center" 50 | state-footer-text-align: "center" 51 | 52 | 53 | 54 | 55 | ### Sliders ### 56 | paper-slider-knob-color: "var(--accent-color)" 57 | paper-slider-knob-start-color: "var(--accent-color)" 58 | paper-slider-pin-color: "var(--accent-color)" 59 | paper-slider-active-color: "var(--accent-color)" 60 | paper-slider-secondary-color: "var(--dark-background-color)" 61 | paper-slider-label: "#ffffff" 62 | 63 | 64 | 65 | 66 | ### Labels ### 67 | label-badge-background-color: "var(--card-background-color)" 68 | label-badge-text-color: "var(--foreground-color)" 69 | label-badge-red: "#ffffff" 70 | label-color: "var(--foreground-color)" 71 | label: "#ffffff" 72 | 73 | 74 | ### Cards ### 75 | paper-card-background-color: "var(--card-background-color)" 76 | paper-listbox-background-color: "var(--dark-background-color)" 77 | paper-listbox-color: "#ffffff" 78 | 79 | 80 | 81 | ### Toggles ### 82 | paper-toggle-button-checked-button-color: "var(--accent-color)" 83 | paper-toggle-button-checked-bar-color: "var(--dark-background-color)" 84 | paper-toggle-button-unchecked-button-color: "#A8B3C3" 85 | paper-toggle-button-unchecked-bar-color: "var(--accent-color)" 86 | paper-toggle-button-checked-ink-color: "#ffffff" 87 | 88 | 89 | ### Table row ### 90 | table-row-background-color: var(--primary-background-color) 91 | table-row-alternative-background-color: var(--secondary-background-color) 92 | ### 93 | paper-item-selected_-_background-color: "var(--dark-background-color)" 94 | paper-grey-200: "var(--dark-background-color)" 95 | divider-color: "var(--dark-background-color)" 96 | paper-item-icon-color: "var(--foreground-color)" 97 | paper-card-header-color: "var(--foreground-color)" 98 | #disabled-text-color: "var(--card-background-color)" 99 | #paper-card-background-color: "var(--card-background-color)" 100 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 101 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 102 | paper-font-body1_-_font-family: "var(--primary-font-family)" 103 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 104 | paper-font-headline_-_font-family: "var(--primary-font-family)" 105 | paper-font-caption_-_font-family: "var(--primary-font-family)" 106 | paper-font-title_-_font-family: "var(--primary-font-family)" 107 | ha-card-header-font-family: "var(--primary-font-family)" 108 | ha-card-header-color: "var(--foreground-color)" 109 | #sidebar-icon-color: "var(--foreground-color)" 110 | banner-card-heading-size: 3em 111 | paper-item-icon_-_color: "var(--foreground-color)" 112 | paper-item-icon-active-color: "var(--accent-color)" 113 | banner-card-entity-value-size: 1.5em 114 | banner-card-spacing: 8xp -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/teal.yaml: -------------------------------------------------------------------------------- 1 | teal: 2 | light-background-color: "#f1f1e6" 3 | dark-background-color: "#13274A" 4 | card-background-color: "#2e8fff" 5 | foreground-color: "#fff7d6" 6 | accent-color: "#334b49" 7 | primary-font-family: "Roboto Condensed, Roboto, system-ui" 8 | paper-listbox-background-color: "var(--light-background-color)" 9 | light-primary-color: "var(--dark-background-color)" 10 | paper-item-selected_-_background-color: "var(--dark-background-color)" 11 | paper-grey-200: "var(--dark-background-color)" 12 | divider-color: "var(--dark-background-color)" 13 | primary-background-color: "var(--dark-background-color)" 14 | secondary-background-color: "var(--dark-background-color)" 15 | paper-slider-secondary-color: "var(--dark-background-color)" 16 | paper-toggle-button-checked-bar-color: "var(--dark-background-color)" 17 | primary-color: "var(--accent-color)" 18 | paper-grey-50: "var(--accent-color)" 19 | primary-text-color: "var(--foreground-color)" 20 | secondary-text-color: "var(--foreground-color)" 21 | paper-item-icon-color: "var(--foreground-color)" 22 | label-badge-text-color: "var(--foreground-color)" 23 | paper-item-icon_-_color: "var(--foreground-color)" 24 | paper-slider-knob-color: "var(--accent-color)" 25 | paper-slider-knob-start-color: "var(--accent-color)" 26 | paper-slider-pin-color: "var(--accent-color)" 27 | paper-toggle-button-checked-button-color: "var(--accent-color)" 28 | paper-toggle-button-unchecked-bar-color: "var(--accent-color)" 29 | paper-card-header-color: "var(--accent-color)" 30 | disabled-text-color: "var(--card-background-color)" 31 | paper-card-background-color: "var(--card-background-color)" 32 | label-badge-background-color: "var(--card-background-color)" 33 | dark-primary-color: "var(--accent-color)" 34 | paper-listbox-color: "var(--accent-color)" 35 | paper-item-icon-active-color: "var(--accent-color)" 36 | label-badge-red: "var(--accent-color)" 37 | paper-slider-active-color: "var(--accent-color)" 38 | paper-toggle-button-checked-ink-color: "var(--accent-color)" 39 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 40 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 41 | paper-font-body1_-_font-family: "var(--primary-font-family)" 42 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 43 | paper-font-headline_-_font-family: "var(--primary-font-family)" 44 | paper-font-caption_-_font-family: "var(--primary-font-family)" 45 | paper-font-title_-_font-family: "var(--primary-font-family)" 46 | ha-card-header-font-family: "var(--primary-font-family)" 47 | ha-card-header-color: "var(--foreground-color)" 48 | sidebar-icon-color: "var(--foreground-color)" 49 | banner-card-heading-size: 2em 50 | -------------------------------------------------------------------------------- /themes/home-assistant-community-themes/vintage.yaml: -------------------------------------------------------------------------------- 1 | vintage: 2 | turmeric-color: "#DEB853" 3 | light-turmeric-color: "#E2D9A2" 4 | slate-color: "#0A373A" 5 | light-slate-color: "#789F8A" 6 | maroon-color: "#862715" 7 | primary-font-family: "Lucida Console" 8 | paper-listbox-background-color: "var(--turmeric-color)" 9 | light-primary-color: "var(--light-turmeric-color)" 10 | paper-item-selected_-_background-color: "var(--light-turmeric-color)" 11 | paper-grey-200: "var(--light-turmeric-color)" 12 | divider-color: "var(--light-turmeric-color)" 13 | primary-background-color: "var(--light-turmeric-color)" 14 | secondary-background-color: "var(--light-turmeric-color)" 15 | paper-slider-secondary-color: "var(--light-turmeric-color)" 16 | paper-toggle-button-checked-bar-color: "var(--light-turmeric-color)" 17 | primary-color: "var(--slate-color)" 18 | paper-grey-50: "var(--slate-color)" 19 | primary-text-color: "var(--slate-color)" 20 | secondary-text-color: "var(--slate-color)" 21 | paper-item-icon-color: "var(--slate-color)" 22 | label-badge-text-color: "var(--slate-color)" 23 | paper-item-icon_-_color: "var(--slate-color)" 24 | paper-slider-knob-color: "var(--slate-color)" 25 | paper-slider-knob-start-color: "var(--slate-color)" 26 | paper-slider-pin-color: "var(--slate-color)" 27 | paper-toggle-button-checked-button-color: "var(--slate-color)" 28 | paper-toggle-button-unchecked-bar-color: "var(--slate-color)" 29 | paper-card-header-color: "var(--slate-color)" 30 | disabled-text-color: "var(--light-slate-color)" 31 | paper-card-background-color: "var(--light-slate-color)" 32 | label-badge-background-color: "var(--light-slate-color)" 33 | dark-primary-color: "var(--maroon-color)" 34 | paper-listbox-color: "var(--maroon-color)" 35 | paper-item-icon-active-color: "var(--maroon-color)" 36 | label-badge-red: "var(--maroon-color)" 37 | paper-slider-active-color: "var(--maroon-color)" 38 | paper-toggle-button-checked-ink-color: "var(--maroon-color)" 39 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 40 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 41 | paper-font-body1_-_font-family: "var(--primary-font-family)" 42 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 43 | paper-font-headline_-_font-family: "var(--primary-font-family)" 44 | paper-font-caption_-_font-family: "var(--primary-font-family)" 45 | paper-font-title_-_font-family: "var(--primary-font-family)" -------------------------------------------------------------------------------- /themes/kibibit/kibibit.yaml: -------------------------------------------------------------------------------- 1 | # 2 | # kibibit theme 3 | # 4 | kibibit: 5 | # Global 6 | background-image: 'center / cover no-repeat url("/local/lowpoly.png")' 7 | lovelace-background: var(--background-image) 8 | primary-color: "#209cee" # from Apple systemOrange dark mode 9 | light-primary-color: "#B6B6C1" # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX) 10 | primary-background-color: "#2c2c2e" # systemGray5 dark mode 11 | secondary-background-color: rgba(25, 25, 25, 0.7) 12 | divider-color: "#98989d" # from Apple systemGray dark mode 13 | accent-color: rgba(255, 159, 9, 1) 14 | # Fonts 15 | primary-font-family: 'Raleway,sans-serif' 16 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 17 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 18 | paper-font-body1_-_font-family: "var(--primary-font-family)" 19 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 20 | paper-font-headline_-_font-family: "var(--primary-font-family)" 21 | paper-font-caption_-_font-family: "var(--primary-font-family)" 22 | paper-font-title_-_font-family: "var(--primary-font-family)" 23 | ha-card-header-font-family: "var(--primary-font-family)" 24 | # Text 25 | primary-text-color: "#FFF" 26 | secondary-text-color: "#d3d3d3" 27 | text-primary-color: "#FFF" 28 | disabled-text-color: "#555" # XXX: https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/2 29 | text-dark-color: "#FFF" 30 | # Sidebar Menu 31 | sidebar-background-color: var(--primary-background-color) 32 | sidebar-icon-color: var(--light-primary-color) 33 | sidebar-text-color: "#F1F1F1" 34 | sidebar-selected-background-color: var(--primary-background-color) 35 | sidebar-selected-icon-color: "#FFF" # (light: systemGray5 from iOS light mode, dark: XXX) 36 | sidebar-selected-text-color: var(--sidebar-selected-icon-color) 37 | # States and Badges 38 | state-icon-color: "#FFF" 39 | state-icon-active-color: "#FFF" # or make light icons yellow when active: rgba(255, 214, 10, 1) 40 | state-icon-unavailable-color: var(--disabled-text-color) 41 | # Sliders 42 | paper-slider-knob-color: "#FFF" 43 | paper-slider-knob-start-color: var(--paper-slider-knob-color) 44 | paper-slider-pin-color: var(--paper-slider-knob-color) 45 | paper-slider-active-color: "#0984ff" # from Apple systemBlue dark mode 46 | paper-slider-secondary-color: var(--paper-slider-knob-color) 47 | paper-slider-container-color: rgba(255, 255, 255, 0.5) 48 | paper-slider-font-color: "#000" 49 | ha-slider-background: none !important 50 | # Labels 51 | label-badge-background-color: "#23232E" 52 | label-badge-text-color: "#F1F1F1" 53 | label-badge-red: rgba(255, 159, 9, 0.7) # from Apple systemOrange dark mode 54 | # Cards 55 | card-background-color: var(--secondary-background-color) # Unused entities table background 56 | paper-listbox-background-color: var(--primary-background-color) 57 | ha-card-border-radius: 20px 58 | ha-card-background: 'rgba(150, 150, 150, 0.1)' 59 | paper-card-background-color: var(--ha-card-background) 60 | # Toggles 61 | paper-toggle-button-checked-button-color: "#484848" 62 | paper-toggle-button-checked-bar-color: "#484848" 63 | paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color) 64 | paper-toggle-button-unchecked-bar-color: var(--disabled-text-color) 65 | # Table row 66 | table-row-background-color: var(--primary-background-color) 67 | table-row-alternative-background-color: var(--secondary-background-color) 68 | # Switches 69 | switch-checked-color: "#30d257" # XXX: remove when https://github.com/home-assistant/home-assistant-polymer/pull/4203 is in HA 70 | switch-checked-track-color: "#30d158" # from Apple systemGreen dark mode 71 | switch-checked-button-color: "#FFF" 72 | # Other 73 | paper-dialog-background-color: rgba(55, 55, 55, 0.6) 74 | paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself) 75 | more-info-header-background: rgba(25, 25, 25, 0.5) 76 | # Custom 77 | mcg-title-letter-spacing: .15em 78 | mini-media-player-base-color: white 79 | mini-media-player-icon-color: white 80 | -------------------------------------------------------------------------------- /themes/noctis.yaml: -------------------------------------------------------------------------------- 1 | noctis: 2 | 3 | # Fonts 4 | primary-font-family: 'Raleway,sans-serif' 5 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 6 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 7 | paper-font-body1_-_font-family: "var(--primary-font-family)" 8 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 9 | paper-font-headline_-_font-family: "var(--primary-font-family)" 10 | paper-font-caption_-_font-family: "var(--primary-font-family)" 11 | paper-font-title_-_font-family: "var(--primary-font-family)" 12 | ha-card-header-font-family: "var(--primary-font-family)" 13 | 14 | # Text 15 | text-color: '#ffffff' 16 | primary-text-color: 'var(--text-color)' 17 | text-primary-color: 'var(--text-color)' 18 | secondary-text-color: "#dfe5eb" 19 | text-medium-light-color: '#A0A2A8' 20 | text-medium-color: '#80828A' 21 | primary-color: 'var(--accent-color)' 22 | 23 | # Main Colors 24 | app-header-background-color: 'var(--background-color)' 25 | accent-color: '#ffffff' 26 | accent-medium-color: 'var(--accent-color)' 27 | 28 | margin-left: 50px 29 | margin-right: 50px 30 | 31 | lovelace-background: 'center / cover no-repeat url("/local/lowpoly.png")' 32 | #background: 'center / cover no-repeat url("/local/lowpoly.png")' 33 | 34 | # Background 35 | background-color: '#242e42' 36 | primary-background-color: 'var(--background-color)' 37 | background-color-2: '#20293c' 38 | secondary-background-color: 'none' 39 | 40 | # Card 41 | card-background-color: 'var(--paper-card-background-color)' 42 | paper-card-background-color: 'rgba(43,55,78,1)' 43 | ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)" 44 | ha-card-border-radius: "10px" 45 | border-color: 'none' 46 | ha-card-color: '#242e42' 47 | #ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)' 48 | 49 | # Icons 50 | paper-item-icon-color: '#EBEBEB' 51 | paper-item-icon-active-color: '#2b374e' 52 | 53 | # Sidebar 54 | paper-listbox-background-color: 'var(--background-color)' 55 | sidebar-icon-color: '#98a7b9' 56 | sidebar-selected-icon-color: 'var(--accent-color)' 57 | sidebar-selected-text-color: 'var(--text-color)' 58 | divider-color: 'var(--background-color)' 59 | light-primary-color: 'var(--paper-card-background-color)' 60 | 61 | # Sliders 62 | paper-slider-knob-color: 'var(--accent-color)' 63 | paper-slider-pin-color: 'var(--background-color-2)' 64 | paper-slider-active-color: 'var(--background-color-2)' 65 | paper-slider-container-color: 'var(--background-color-2)' 66 | 67 | # Toggle: 68 | paper-toggle-button-checked-bar-color: 'var(--accent-color)' 69 | mdc-theme-primary: 'var(--accent-color)' 70 | 71 | # Switch 72 | switch-unchecked-color: '#70889e' 73 | switch-checked-button-color: 'var(--accent-color)' 74 | switch-unchecked-track-color: 'var(--background-color-2)' 75 | switch-checked-track-color: 'var(--background-color-2)' 76 | 77 | # Radio Button 78 | paper-radio-button-checked-color: 'var(--accent-color)' 79 | 80 | # Popups 81 | more-info-header-background: 'var(--secondary-background-color)' 82 | paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)' 83 | 84 | # Tables 85 | table-row-background-color: 'var(--background-color)' 86 | table-row-alternative-background-color: 'var(--paper-card-background-color)' 87 | 88 | mwc-button-color: '#2b374e' 89 | mdc-button-color: '#2b374e' 90 | button-color: '#2b374e' 91 | mwc-ripple: '#2b374e' 92 | mdc-button--raised: '#2b374e' 93 | 94 | 95 | #Badges 96 | label-badge-background-color: 'var(--background-color)' 97 | label-badge-text-color: 'var(--text-primary-color)' 98 | label-badge-red: 'rgba(73,85,108,1)' 99 | label-badge-blue: 'rgba(26,137,245,1)' 100 | label-badge-green: 'rgba(0,202,139,1)' 101 | label-badge-yellow: 'rgba(222,176,107,1)' 102 | 103 | paper-input-container-focus-color: 'var(--accent-color)' 104 | 105 | # Custom Header 106 | ch-background: 'var(--background-color)' 107 | ch-active-tab-color: 'var(--accent-color)' 108 | ch-notification-dot-color: 'var(--accent-color)' 109 | ch-all-tabs-color: 'var(--sidebar-icon-color)' 110 | ch-tab-indicator-color: 'var(--accent-color)' 111 | 112 | # Mini Mediaplayer 113 | mini-media-player-base-color: 'var(--text-color)' 114 | mini-media-player-accent-color: 'var(--accent-color)' -------------------------------------------------------------------------------- /themes/nord/nord.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | # 3 | # Nord Theme 4 | # 5 | nord: 6 | # Color Setup 7 | light-background-color: "#3b4252" 8 | lighter-background-color: "#454c5f" 9 | dark-background-color: "#2E3440" 10 | card-background-color: "#4c566a" 11 | foreground-color: "#eceff4" 12 | # accent-color: "#8fbcbb" # Nord7 - calm blue 13 | # accent-color: "#88c0d0" # Nord8 - bright blue 14 | accent-color: "#81a1c1" # Nord9 - muted blue (default) 15 | # accent-color: "#5e81ac" # Nord10 - blue 16 | # accent-color: "#bf616a" # Nord11 - red 17 | # accent-color: "#d08770" # Nord12 - orange 18 | # accent-color: "#ebcb8b" # Nord13 - yellow 19 | # accent-color: "#a3be8c" # Nord14 - green 20 | # accent-color: "#b48ead" # Nord15 - purple 21 | 22 | primary-color: "var(--accent-color)" 23 | light-primary-color: "var(--dark-background-color)" 24 | primary-background-color: "var(--dark-background-color)" 25 | secondary-background-color: "var(--dark-background-color)" 26 | divider-color: "var(--dark-background-color)" 27 | paper-grey-50: "var(--accent-color)" 28 | paper-grey-200: "var(--dark-background-color)" 29 | primary-text-color: "var(--foreground-color)" 30 | secondary-text-color: "var(--foreground-color)" 31 | disabled-text-color: "grey" 32 | light-disabled-text-color: "var(--lighter-background-color)" 33 | dark-primary-color: "var(--accent-color)" 34 | 35 | # Interface 36 | ha-card-border-radius: "0px" 37 | primary-font-family: "Roboto Condensed, Roboto, system-ui" 38 | 39 | # Paper 40 | paper-card-background-color: "var(--card-background-color)" 41 | paper-card-header-color: "var(--accent-color)" 42 | paper-listbox-background-color: "var(--light-background-color)" 43 | paper-listbox-color: "var(--accent-color)" 44 | paper-item-selected_-_background-color: "var(--dark-background-color)" 45 | paper-item-icon-color: "var(--foreground-color)" 46 | paper-item-icon_-_color: "var(--foreground-color)" 47 | paper-item-icon-active-color: "var(--accent-color)" 48 | 49 | # Label-badge 50 | label-badge-text-color: "var(--foreground-color)" 51 | label-badge-background-color: "var(--card-background-color)" 52 | label-badge-red: "var(--accent-color)" 53 | 54 | # Slider 55 | paper-slider-active-color: "var(--accent-color)" 56 | paper-slider-secondary-color: "var(--accent-color)" 57 | paper-slider-knob-color: "var(--accent-color)" 58 | paper-slider-knob-start-color: "var(--accent-color)" 59 | paper-slider-pin-color: "var(--accent-color)" 60 | 61 | # Toggle 62 | paper-toggle-button-unchecked-bar-color: "var(--accent-color)" 63 | paper-toggle-button-unchecked-button-color: "var(--accent-color)" 64 | paper-toggle-button-unchecked-ink-color: "var(--accent-color)" 65 | paper-toggle-button-checked-bar-color: "var(--accent-color)" 66 | paper-toggle-button-checked-button-color: "var(--accent-color)" 67 | 68 | # Switch 69 | switch-unchecked-track-color: "var(--foreground-color)" 70 | switch-unchecked-color: "var(--foreground-color)" 71 | switch-checked-track-color: "var(--accent-color)" 72 | switch-checked-color: "var(--accent-color)" 73 | 74 | # Font Settings 75 | paper-font-common-base_-_font-family: "var(--primary-font-family)" 76 | paper-font-common-code_-_font-family: "var(--primary-font-family)" 77 | paper-font-body1_-_font-family: "var(--primary-font-family)" 78 | paper-font-subhead_-_font-family: "var(--primary-font-family)" 79 | paper-font-headline_-_font-family: "var(--primary-font-family)" 80 | paper-font-caption_-_font-family: "var(--primary-font-family)" 81 | paper-font-title_-_font-family: "var(--primary-font-family)" 82 | ha-card-header-font-family: "var(--primary-font-family)" 83 | ha-card-header-color: "var(--foreground-color)" 84 | 85 | # Other 86 | sidebar-icon-color: "var(--foreground-color)" 87 | sidebar-background-color: "var(--light-background-color)" 88 | -------------------------------------------------------------------------------- /themes/reeder_dark.yaml: -------------------------------------------------------------------------------- 1 | reeder_dark: 2 | # Main 3 | primary-color: "#888888" 4 | accent-color: "#C29356" 5 | dark-primary-color: "var(--accent-color)" 6 | light-primary-color: "var(--accent-color)" 7 | mdc-theme-primary: "var(--secondary-text-color)" 8 | 9 | # Text 10 | primary-text-color: "#FFFFFF" 11 | text-primary-color: "#FFFFFF" 12 | secondary-text-color: "#C1C1C1" 13 | disabled-text-color: "var(--primary-color)" 14 | mdc-theme-on-primary: "var(--paper-listbox-background-color)" 15 | mdc-theme-on-secondary: "var(--paper-listbox-background-color)" 16 | 17 | # Background / sidebar 18 | primary-background-color: "#464646" 19 | secondary-background-color: "var(--primary-color)" 20 | 21 | # Divider 22 | divider-color: "rgba(0, 0, 0, .1)" 23 | 24 | # Table rows 25 | table-row-background-color: "#3E3E3E" 26 | table-row-alternative-background-color: "var(--paper-listbox-background-color)" 27 | 28 | # Sidebar 29 | sidebar-text-color: "var(--primary-color)" 30 | sidebar-background-color: "var(--paper-listbox-background-color)" 31 | sidebar-icon-color: "var(--primary-color)" 32 | sidebar-selected-text-color: "var(--primary-text-color)" 33 | sidebar-selected-icon-color: "var(--primary-text-color)" 34 | 35 | # Card 36 | ha-card-header-color: "var(--secondary-text-color)" 37 | ha-card-header-font-size: "1.4em" 38 | ha-card-background: "var(--paper-card-background-color)" 39 | paper-card-background-color: "#4C4C4C" 40 | card-background-color: "var(--ha-card-background)" 41 | paper-listbox-background-color: "#333333" 42 | paper-dialog-background-color: "#333333" 43 | paper-item-icon-color: "var(--primary-text-color)" 44 | paper-item-icon-active-color: "var(--accent-color)" 45 | state-icon-unavailable-color: "var(--google-red-500)" 46 | paper-item-icon_-_color: "var(--google-green-500)" 47 | paper-item-selected_-_background-color: "#333333" 48 | paper-tabs-selection-bar-color: "var(--google-green-500)" 49 | 50 | # Card shadow / border 51 | ha-card-box-shadow: "0px 5px 5px rgba(0, 0, 0, .3), inset 0px 0px 1px rgba(255, 255, 255, 0.5)" 52 | 53 | # Card border radius 54 | ha-card-border-radius: "6px" 55 | 56 | # Popup card 57 | more-info-header-color: "var(--primary-text-color)" 58 | more-info-header-background: "var(--primary-color)" 59 | 60 | # Labels 61 | ha-label-badge-color: "var(--accent-color)" 62 | label-badge-border-color: "var(--google-green-500)" 63 | label-badge-background-color: "#464646" 64 | label-badge-text-color: "var(--primary-text-color)" 65 | label-badge-green: "var(--google-green-500)" 66 | label-badge-red: "var(--google-red-500)" 67 | label-badge-yellow: "var(--accent-color)" 68 | label-badge-blue: "#09C6D5" 69 | 70 | # Switches 71 | switch-checked-color: "#BBBBBB" 72 | switch-checked-button-color: "var(--accent-color)" 73 | switch-unchecked-color: "var(--primary-color)" 74 | switch-unchecked-button-color: "var(--primary-color)" 75 | switch-unchecked-track-color: "var(--primary-color)" 76 | 77 | # Sliders 78 | paper-slider-knob-color: "var(--accent-color)" 79 | paper-slider-knob-start-color: "var(--primary-color)" 80 | paper-slider-pin-color: "#333333" 81 | paper-slider-active-color: "#A6A6A6" 82 | paper-slider-container-color: "linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat" 83 | paper-slider-secondary-color: "var(--secondary-background-color)" 84 | paper-slider-disabled-active-color: "var(--disabled-text-color)" 85 | paper-slider-disabled-secondary-color: "var(--disabled-text-color)" 86 | 87 | # Google 88 | google-red-500: "#E45E65" 89 | google-green-500: "#0EE770" 90 | 91 | # HACS 92 | hacs-badge-color: "#09C6D5" 93 | hacs-badge-text-color: "var(--text-primary-color)" 94 | hacs-status-installed: "var(--google-green-500)" 95 | hacs-status-pending-restart: "var(--google-red-500)" 96 | hacs-status-pending-update: "#FFA73B" 97 | hacs-status-not-loaded: "var(--google-red-500)" 98 | link-text-color: "var(--accent-color)" 99 | 100 | # Mini Graph Card 101 | mcg-title-letter-spacing: ".05em" 102 | mcg-title-font-weight: "500" 103 | -------------------------------------------------------------------------------- /themes/slate.yaml: -------------------------------------------------------------------------------- 1 | slate: 2 | # Main colors 3 | primary-color: '#2980b9' 4 | accent-color: '#b58e31' 5 | dark-primary-color: '#2980b9' 6 | light-primary-color: '#2980b9' 7 | # Text colors 8 | primary-text-color: '#FFFFFF' 9 | text-primary-color: 'var(--primary-text-color)' 10 | secondary-text-color: '#b58e31' 11 | disabled-text-color: '#777777' 12 | label-badge-border-color: 'green' 13 | # Sidebar 14 | sidebar-icon-color: '#777777' 15 | # Background colors 16 | primary-background-color: '#222222' 17 | secondary-background-color: '#222222' 18 | divider-color: 'rgba(0, 0, 0, .12)' 19 | table-row-background-color: '#292929' 20 | table-row-alternative-background-color: '#292929' 21 | # Nav Menu 22 | paper-listbox-color: '#777777' 23 | paper-listbox-background-color: '#141414' 24 | paper-grey-50: 'var(--primary-text-color)' 25 | paper-grey-200: '#222222' 26 | # Paper card 27 | paper-card-header-color: '#2980b9' 28 | paper-card-background-color: '#292929' 29 | paper-dialog-background-color: '#292929' 30 | paper-item-icon-color: 'var(--primary-text-color)' 31 | paper-item-icon-active-color: '#b58e31' 32 | paper-item-icon_-_color: 'green' 33 | paper-item-selected_-_background-color: '#292929' 34 | paper-tabs-selection-bar-color: 'green' 35 | # Labels 36 | label-badge-red: 'var(--primary-color)' 37 | label-badge-text-color: 'var(--primary-text-color)' 38 | label-badge-background-color: '#222222' 39 | # Switches 40 | paper-toggle-button-checked-button-color: '#2980b9' 41 | paper-toggle-button-checked-bar-color: '#2980b9' 42 | paper-toggle-button-checked-ink-color: '#2980b9' 43 | paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)' 44 | paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)' 45 | paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)' 46 | switch-checked-color: 'var(--paper-toggle-button-checked-button-color)' 47 | switch-unchecked-color: 'var(--disabled-text-color)' 48 | switch-unchecked-button-color: 'var(--disabled-text-color)' 49 | switch-unchecked-track-color: 'var(--disabled-text-color)' 50 | # Sliders 51 | paper-slider-knob-color: '#2980b9' 52 | paper-slider-knob-start-color: '#2980b9' 53 | paper-slider-pin-color: '#2980b9' 54 | paper-slider-active-color: '#2980b9' 55 | paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat' 56 | paper-slider-secondary-color: 'var(--secondary-background-color)' 57 | paper-slider-disabled-active-color: 'var(--disabled-text-color)' 58 | paper-slider-disabled-secondary-color: 'var(--disabled-text-color)' 59 | # Google colors 60 | google-red-500: '#b93829' 61 | google-green-500: '#2980b9' 62 | # Changes to fix history/logbook menus 63 | lumo-primary-text-color: '#2980b9' 64 | lumo-secondary-text-color: '#2980b9' 65 | lumo-primary-color: '#2980b9' 66 | # Calendar day numbers 67 | lumo-body-text-color: '#b58e31' 68 | # Calendar/Date-Picker Background 69 | lumo-base-color: '#222222' 70 | # Month/Year header 71 | lumo-header-text-color: 'var(--lumo-body-text-color)' 72 | # DayOfWeek Header 73 | lumo-tertiary-text-color: 'var(--lumo-body-text-color)' 74 | lumo-shade: '#222222' 75 | lumo-shade-90pct: 'rgba(34, 34, 34, .9)' 76 | lumo-shade-80pct: 'rgba(34, 34, 34, .8)' 77 | lumo-shade-70pct: 'rgba(34, 34, 34, .7)' 78 | lumo-shade-60pct: 'rgba(34, 34, 34, .6)' 79 | lumo-shade-50pct: 'rgba(34, 34, 34, .5)' 80 | lumo-shade-40pct: 'rgba(34, 34, 34, .4)' 81 | lumo-shade-30pct: 'rgba(34, 34, 34, .3)' 82 | lumo-shade-20pct: 'rgba(34, 34, 34, .2)' 83 | lumo-shade-10pct: 'rgba(34, 34, 34, .1)' 84 | lumo-shade-5pct: 'rgba(34, 34, 34, .05)' 85 | lumo-tint-5pct: '#222222' 86 | # fix for device configuration screen 87 | card-background-color: "var(--paper-card-background-color)" 88 | # Fix for Person Device Chooser - thanks to vajonam! 89 | material-background-color: "var(--paper-listbox-background-color)" 90 | material-secondary-background-color: '#222222' 91 | material-body-text-color: '#FFFFFF' 92 | # simple-thermostat buttons 93 | st-mode-background: 'var(--primary-background-color)' 94 | # fix white on white markdown code sections (eg. the addons infos) 95 | markdown-code-background-color: 'var(--secondary-background-color)' 96 | -------------------------------------------------------------------------------- /themes/ux_goodie.yaml: -------------------------------------------------------------------------------- 1 | # UX Goodie Theme by @fi-sch 2 | 3 | ux_goodie: 4 | 5 | lovelace-background: 'center / cover no-repeat url("/local/background.jpg") fixed' 6 | 7 | # MAIN INTERFACE COLORS 8 | primary-color: "#607D8B" # "rgb(255, 159, 10)" # Top bar (global), HA links, panels like media player 9 | light-primary-color: "#607D8B" # user avatar 10 | accent-color: "#FF9F0A" # e.g. loader in HACS 11 | divider-color: "#545454" # divider in sidebar 12 | ch-background: "rgba(10, 10, 10, 0.7)" # top bar (custom header) 13 | 14 | 15 | # BACKGROUND AND SIDEBAR 16 | primary-background-color: "#2E2E2E" # main app background mostly 17 | secondary-background-color: "rgba(10, 10, 10, 0.85)" 18 | 19 | sidebar-background-color: "#2E2E2E" 20 | sidebar-selected-background-color: "#1B1D26" 21 | sidebar-selected-icon-color: "#FFF" 22 | sidebar-selected-text-color: "var(--sidebar-selected-icon-color)" 23 | sidebar-icon-color: "#BDBDBD" 24 | sidebar-text-color: "#F1F1F1" 25 | 26 | 27 | # CARDS AND DIALOGS 28 | card-background-color: "var(--secondary-background-color)" 29 | paper-listbox-background-color: "var(--primary-background-color)" 30 | ha-card-border-radius: "15px" 31 | ha-card-background: "rgba(10, 10, 10, 0.87)" 32 | paper-card-background-color: "var(--ha-card-background)" # lovelace cards background 33 | paper-dialog-background-color: "rgba(20, 20, 20, 0.95)" # entity details background 34 | 35 | 36 | ### CONTROLS 37 | 38 | # SLIDER 39 | paper-slider-knob-color: "#FFF" # slider knob 40 | paper-slider-knob-start-color: "var(--paper-slider-knob-color)" 41 | paper-slider-pin-color: "var(--paper-slider-knob-color)" 42 | paper-slider-active-color: "#0984FF" # slider active side 43 | paper-slider-secondary-color: "var(--paper-slider-knob-color)" 44 | paper-slider-container-color: "rgba(255, 255, 255, 0.5)" # slider inactive side 45 | paper-slider-font-color: "#000" 46 | ha-slider-background: "none !important" 47 | 48 | # TOGGLE BUTTON 49 | paper-toggle-button-checked-button-color: "#484848" # toggle active button 50 | paper-toggle-button-checked-bar-color: "#484848" # toggle active sliding area 51 | paper-toggle-button-unchecked-button-color: "var(--paper-toggle-button-checked-button-color)" 52 | paper-toggle-button-unchecked-bar-color: "var(--disabled-text-color)" 53 | 54 | # SWITCH 55 | switch-checked-color: "#30D158" 56 | switch-checked-track-color: "#30D158" 57 | switch-checked-button-color: "#30D158" 58 | switch-unchecked-color: "#BDBDBD" 59 | switch-unchecked-track-color: "#BDBDBD" 60 | switch-unchecked-button-color: "#FFF" 61 | 62 | # STATES AND BADGES 63 | state-icon-color: "#FFF" 64 | state-icon-active-color: "#FF9F0A" 65 | state-icon-unavailable-color: "#9E9E9E" 66 | 67 | # LABEL BADGE 68 | label-badge-background-color: "#23232E" 69 | label-badge-text-color: "#F1F1F1" 70 | label-badge-red: "#FF453A" 71 | label-badge-blue: "#0A84FF" 72 | label-badge-green: "#30D158" 73 | label-badge-yellow: "#FFD60A" 74 | 75 | # TEXT 76 | primary-text-color: "#FFF" 77 | secondary-text-color: "#D3D3D3" 78 | text-primary-color: "#FFF" 79 | disabled-text-color: "#BDBDBD" 80 | text-dark-color: "#FFF" 81 | 82 | 83 | ### OTHERS 84 | error-color: "#FF453A" 85 | paper-green-400: "#30D158" 86 | paper-blue-400: "#0A84FF" 87 | paper-orange-400: "#FF9F0A" 88 | 89 | table-row-background-color: "#484848" 90 | table-row-alternative-background-color: "#323232" 91 | 92 | paper-item-icon-color: "white" # entity icons "off" status 93 | more-info-header-background: "rgba(25, 25, 25, 0.5)" 94 | mcg-title-letter-spacing: ".15em" 95 | mini-media-player-base-color: "white" 96 | mini-media-player-icon-color: "white" 97 | 98 | mdc-theme-primary: "f5f5f5" # font on some app-wide buttons 99 | mdc-theme-secondary: "#607D8B" # round floating buttons (app-wide) 100 | hacs-badge-color: "#FFF" 101 | 102 | dark-disabled-opacity: "0.45" 103 | dark-secondary-opacity: "0.6" 104 | dark-primary-opacity: "0.9" 105 | 106 | google-red-500: "#FF453A" 107 | google-blue-500: "#0A84FF" 108 | google-green-500: "#30D158" 109 | google-yellow-500: "#FF9F0A" 110 | paper-spinner-color: "var(--primary-color)" 111 | --------------------------------------------------------------------------------