{"id":18915109,"url":"https://github.com/beecho01/homeassistant-setup","last_synced_at":"2026-03-19T07:05:40.680Z","repository":{"id":250933212,"uuid":"835893663","full_name":"beecho01/homeassistant-setup","owner":"beecho01","description":"An overview of the code and images I have used in my Home Assistant setup","archived":false,"fork":false,"pushed_at":"2024-07-30T19:10:41.000Z","size":14150,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-24T18:42:17.218Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/beecho01.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-30T18:27:41.000Z","updated_at":"2024-07-30T21:07:51.000Z","dependencies_parsed_at":"2024-07-30T23:18:19.456Z","dependency_job_id":null,"html_url":"https://github.com/beecho01/homeassistant-setup","commit_stats":null,"previous_names":["beecho01/homeassistant-setup"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/beecho01/homeassistant-setup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beecho01%2Fhomeassistant-setup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beecho01%2Fhomeassistant-setup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beecho01%2Fhomeassistant-setup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beecho01%2Fhomeassistant-setup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/beecho01","download_url":"https://codeload.github.com/beecho01/homeassistant-setup/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beecho01%2Fhomeassistant-setup/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28720742,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T08:27:05.734Z","status":"ssl_error","status_checked_at":"2026-01-24T08:27:01.197Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T10:14:08.794Z","updated_at":"2026-01-24T08:31:28.006Z","avatar_url":"https://github.com/beecho01.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"Hi All,\u003cbr\u003e\u003cbr\u003e\nI thought I'd upload what I have been working on recently on Home Assistant ! Hopefully it gives you an idea of what I've done and how you can use it yourself if interested.\n\u003cbr\u003e\n\u003cbr\u003e\n\n# Theme\n\nBased on the work done here by LE0N: [https://community.home-assistant.io/t/rounded-dashboard-guide/543043](https://community.home-assistant.io/t/rounded-dashboard-guide/543043)\n\u003cbr\u003e\n\nMy altered and modified theme can be found here: [rounded-alt-2.yaml](https://github.com/beecho01/homeassistant-setup/blob/main/themes/rounded/rounded-alt-2.yaml)\n\n\u003cbr\u003e\n\n# Dashboard\n\n\u003cdetails\u003e\n\u003csummary\u003eGUI Setup\u003c/summary\u003e\n\n\u003cbr\u003e\n\n```\nviews:\n - title: Home\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:button-card\n show_name: true\n show_label: true\n show_icon: false\n show_state: false\n name: |\n [[[\n const hour = new Date().getHours();\n let greeting;\n if (hour \u003e= 18) {\n greeting = [\"Good evening\", \"Evening\", \"Welcome back\", \"Great to see you\", \"Welcome home\", \"Hi there\"];\n } else if (hour \u003e= 12) {\n greeting = [\"Good afternoon\", \"Afternoon\", \"Good to see you\"];\n } else if (hour \u003e= 5) {\n greeting = [\"Good morning\", \"Morning\", \"Rise and shine\", \"Hello\", \"Hi there\"];\n } else {\n greeting = [\"Hello\", \"Hi there\", \"Greetings\", \"Hey\", \"Welcome\", \"Nice to see you\", \"Welcome home\", \"What's up\", \"Hi\", \"Hello there\", \"Hope you're well\", \"Hey there\", \"What's happening\", \"Good to see you\"];\n }\n const userName = user ? user.name : 'Guest';\n return greeting[Math.floor(Math.random() * greeting.length)] + ', ' + userName;\n ]]]\n label: |\n [[[\n var messages = [];\n if (states['sensor.home_assistant_restart_required'].state == 'true') {\n messages.push(\"One or more updates require a restart.\");\n }\n if (states['binary_sensor.pending_updates'].state == 'on') {\n messages.push(\"There are one or more updates pending install.\");\n }\n if (messages.length \u003e 0) {\n return messages.join(' ');\n } else {\n return \"There are currently no issues.\";\n }\n ]]]\n styles:\n card:\n - padding: 18px 18px 36px 13px\n - background-color: var(--contrast1)\n name:\n - font-size: 24px\n - justify-self: start\n - align-self: center\n - text-align: left\n - white-space: normal\n - word-wrap: break-word\n - overflow: hidden\n label:\n - font-size: 18px\n - color: var(--contrast10)\n - justify-self: start\n - align-self: center\n - text-align: left\n - white-space: normal\n - word-wrap: break-word\n - overflow: hidden\n - padding-top: 18px\n - type: custom:button-card\n tap_action:\n action: assist\n pipeline_id: 01j3dtc81ztpv45arhcv9zqakd\n custom_fields:\n assist:\n card:\n type: picture\n image: /local/Chatbot/chatbot_700x700.webp\n styles:\n grid:\n - grid-template-areas: |\n \"assist\"\n - grid-template-columns: 1fr\n - grid-template-rows: 1fr\n card:\n - width: 75px\n - height: 75px\n - justify-self: center\n - align-self: center\n - margin-top: 50%\n - transform: translateY(-25%)\n custom_fields:\n assist:\n - width: 100%\n - height: 100%\n - justify-self: center\n - align-self: center\n - margin-top: '-5px'\n - z-index: -1\n - event_grouping: true\n drop_todayevents_from: '10:00:00'\n next_days: 7\n pattern:\n - icon: m3s:grass-rounded\n color: brown\n type: organic\n pattern: Garden Waste\n - icon: mdi:recycle-variant\n color: grey\n type: grey\n pattern: Recycling\n - icon: mdi:trash-can-outline\n color: green\n type: waste\n pattern: General Waste\n - icon: mdi:dump-truck\n color: blue\n type: others\n day_style: counter\n day_style_format: yyyy.MM.dd\n card_style: chip\n alignment_style: left\n color_mode: icon\n items_per_row: 3\n refresh_rate: 60\n with_label: false\n type: custom:trash-card\n entities:\n - calendar.bin_collection\n filter_events: false\n use_summary: false\n hide_time_range: true\n full_size: false\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n icon: m3s:chair-rounded\n name: Living Room\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/living-room\n - type: custom:button-card\n icon: m3s:kitchen-rounded\n name: Kitchen\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/kitchen\n - type: custom:button-card\n icon: m3s:hallway-rounded\n name: Hallway\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/hallway\n - type: custom:button-card\n icon: m3s:single-bed-rounded\n name: James' Bedroom\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/james-bedroom\n - type: custom:button-card\n icon: m3s:single-bed-rounded\n name: Rebecca's Bedroom\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/rebecca-s-bedroom\n - type: custom:button-card\n icon: m3s:single-bed-rounded\n name: Daniel's Bedroom\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/daniel-s-bedroom\n - type: custom:button-card\n icon: m3s:king-bed-rounded\n name: Master Bedroom\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/master-bedroom\n columns: 3\n title: Rooms\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n icon: mdi:home-automation\n name: Automations\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /config/automation/dashboard\n - type: custom:button-card\n icon: mdi:calendar\n name: Calendar\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /profile/general\n - type: custom:button-card\n icon: mdi:lightning-bolt\n name: Energy\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /energy\n - type: custom:button-card\n icon: mdi:network-outline\n name: Network\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/network\n - type: custom:button-card\n icon: mdi:home-assistant\n name: System\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/system\n - type: custom:button-card\n icon: mdi:cog-outline\n name: Settings\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n - padding: 5%\n icon:\n - width: 50%\n - height: 100%\n name:\n - padding: 5%\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: end\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: 1fr 1fr\n tap_action:\n action: navigate\n navigation_path: /profile/general\n columns: 3\n title: Extras\n subview: false\n type: custom:vertical-layout\n - title: Living Room\n path: living-room\n subview: true\n cards:\n - type: custom:mushroom-chips-card\n chips:\n - type: back\n card_mod:\n style: |\n ha-card {\n background: transparent;\n --chip-background: transparent;\n box-shadow: none;\n margin: 18px 0px 18px 0px;\n }\n - type: custom:gap-card\n height: 8\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n icon: m3s:tv-gen-rounded\n name: Living Room TV\n entity: media_player.living_room_tv\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: playing\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: idle\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on' || entity.state == 'playing' || entity.state == 'idle') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/living-room-tv\n hold_action:\n action: more-info\n columns: 3\n title: Managed Devices\n type: custom:vertical-layout\n - title: James' Bedroom\n path: james-bedroom\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:mushroom-chips-card\n chips:\n - type: back\n card_mod:\n style: |\n ha-card {\n background: transparent;\n --chip-background: transparent;\n box-shadow: none;\n margin: 18px 0px 18px 0px;\n }\n - type: custom:button-card\n name: |\n [[[\n return entity.attributes.friendly_name;\n ]]]\n label: |\n [[[\n return states['sensor.james_samsung_galaxy_s24_geocoded_location'].state.split(',')[0];\n ]]]\n show_name: true\n show_label: true\n show_state: false\n show_icon: true\n show_entity_picture: true\n entity: person.james\n tap_action:\n action: more-info\n styles:\n card:\n - width: 100%\n - background-color: var(--contrast2)\n - padding: 10px 10px 10px 0px\n - margin-top: 8px\n - border-radius: 99vh\n grid:\n - grid-template-areas: |\n \"i n btn\"\n \"i l btn\"\n - grid-template-columns: 60px 1fr min-content\n - grid-template-rows: min-content min-content\n name:\n - align-self: end\n - justify-self: start\n - background: none\n - padding-left: 0px\n - font-size: 14px\n - font-weight: 600\n label:\n - align-self: start\n - justify-self: start\n - background: none\n - padding: 0px\n - padding-top: 0px\n - color: var(--contrast10)\n - font-size: 12px\n img_cell:\n - justify-content: start\n - width: 40px\n - height: 40px\n - border-radius: 99vh\n icon:\n - color: var(--contrast1)\n - justify-content: start\n - align-content: center\n entity_picture:\n - justify-content: start\n - position: absolute\n - width: 40px\n - height: 40px\n - left: 0ppx\n - bottom: 0px\n - margin: 0px 0px 0px 0px\n - border-radius: 500px\n custom_fields:\n btn:\n - align-self: center\n - justify-self: end\n custom_fields:\n btn:\n card:\n type: custom:mushroom-chips-card\n chips:\n - type: entity\n tap_action:\n action: more-info\n entity: sensor.james_samsung_galaxy_s24_battery_level\n content_info: none\n card_mod:\n style: |\n ha-card {\n --color: {{ 'var(--contrast20)' if states('sensor.sm_s926b_battery_level') | float \u003e 10 else 'var(--black)' }};\n --chip-background: {{ 'var(--contrast4)' if states('sensor.sm_s926b_battery_level') | float \u003e 10 else 'var(--red)' }};\n padding: 0px!important;\n border-radius: 100px!important;\n --primary-text-color: var(--contrast20);\n }\n - type: custom:gap-card\n height: 8\n - type: custom:mushroom-chips-card\n chips:\n - type: template\n entity: climate.james_sensibo_air_pro\n content: \u003e\n {{ state_attr('climate.james_sensibo_air_pro',\n 'current_temperature') }}°C\n - type: entity\n entity: sensor.james_monzo_current_account_balance\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n double_tap_action:\n action: none\n - type: entity\n entity: sensor.james_bedroom_speaker_alarms\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n double_tap_action:\n action: none\n use_entity_picture: false\n - type: entity\n entity: sensor.james_bedroom_total_power\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n double_tap_action:\n action: none\n use_entity_picture: false\n alignment: end\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: light.james_bedroom_light\n name: Bedroom Light\n icon: m3s:light-outlined\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: m3s:table-lamp-rounded\n name: Lamp\n entity: switch.james_swing_arm_lamp_smart_plug_switch_2\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: mdi:hvac\n name: Air Conditioner\n entity: climate.pro_breeze_5000_btu_smart_pac\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: cool\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: fan\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'cool' || entity.state == 'fan') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: m3s:tv-gen-rounded\n name: TV\n entity: media_player.james_chromecast\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: playing\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: idle\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on' || entity.state == 'playing' || entity.state == 'idle') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: m3s:robot-rounded\n name: SwitchBot\n entity: switch.james_switchbot\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: mdi:printer-3d\n entity: device_tracker.james_bambu_lab_p1s\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: not_home\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: home\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'home') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: navigate\n navigation_path: /dashboard-home/bambu-lab-p1s\n hold_action:\n action: more-info\n columns: 3\n title: Managed Devices\n - type: custom:gap-card\n height: 32\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: binary_sensor.james_pc_status\n name: James' PC\n icon: mdi:desktop-tower-monitor\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". .\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n tap_action:\n action: none\n hold_action:\n action: more-info\n columns: 3\n title: Un-managed Devices\n - type: custom:gap-card\n height: 32\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n name: Turn ON TV and Xbox\n icon: phu:xbox\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n - color: var(--contrast20)\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n i2:\n - justify-self: start\n - align-self: start\n - margin-left: 25%\n grid:\n - grid-template-areas: |\n \"i i2 .\"\n \"n n n\"\n - grid-template-rows: min-content 1fr\n - grid-template-columns: min-content 1fr 1fr\n custom_fields:\n i2: |\n [[[\n return `\n \u003cha-icon\n icon=\"phu:lg-oled55\"\n style=\"\n background-color: var(--contrast4);\n padding-top: 3.5px;\n padding-left: 7.5px;\n padding-right: 7.5px;\n padding-bottom: 11.5px;\n width: 15px;\n height: 15px;\n border-radius: 99vh;\n color: var(--contrast20);\n \"\u003e\n \u003c/ha-icon\u003e`;\n ]]]\n tap_action:\n action: call-service\n service: automation.trigger\n service_data:\n entity_id: automation.turn_on_tv_and_xbox_2\n hold_action:\n action: more-info\n columns: 3\n title: Automations\n - type: custom:gap-card\n height: 32\n type: custom:vertical-layout\n subview: true\n - title: Daniel's Bedroom\n path: daniel-s-bedroom\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:mushroom-chips-card\n chips:\n - type: back\n card_mod:\n style: |\n ha-card {\n background: transparent;\n --chip-background: transparent;\n box-shadow: none;\n margin: 18px 0px 18px 0px;\n }\n - type: custom:button-card\n name: |\n [[[\n return entity.attributes.friendly_name;\n ]]]\n label: |\n [[[\n return states['device_tracker.dans_pixel_6'].state == 'home' ? \"Home\" : \"Away\";\n ]]]\n show_name: true\n show_label: true\n show_state: false\n show_icon: true\n show_entity_picture: true\n entity: person.daniel\n tap_action:\n action: more-info\n styles:\n card:\n - width: 100%\n - background-color: var(--contrast2)\n - padding: 10px 10px 10px 0px\n - margin-top: 8px\n - border-radius: 99vh\n grid:\n - grid-template-areas: |\n \"i n\"\n \"i l\"\n - grid-template-columns: 60px 1fr\n - grid-template-rows: min-content\n name:\n - align-self: end\n - justify-self: start\n - background: none\n - padding-left: 0px\n - font-size: 14px\n - font-weight: 600\n - padding-right: 12px\n label:\n - align-self: start\n - justify-self: start\n - background: none\n - padding: 0px\n - padding-top: 0px\n - color: var(--contrast10)\n - font-size: 12px\n img_cell:\n - justify-content: start\n - width: 40px\n - height: 40px\n - border-radius: 99vh\n icon:\n - color: var(--contrast1)\n - justify-content: start\n - align-content: center\n entity_picture:\n - justify-content: start\n - position: absolute\n - width: 40px\n - height: 40px\n - left: 0ppx\n - bottom: 0px\n - margin: 0px 0px 0px 0px\n - border-radius: 500px\n - type: custom:gap-card\n height: 8\n - type: custom:mushroom-chips-card\n chips:\n - type: entity\n entity: sensor.daniel_s_bedroom_total_power\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n double_tap_action:\n action: none\n use_entity_picture: false\n alignment: end\n - type: custom:gap-card\n height: 8\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: light.daniel_s_bedroom_light\n name: Bedroom Light\n icon: m3s:light-outlined\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n columns: 3\n title: Managed Devices\n - type: custom:gap-card\n height: 32\n - type: conditional\n conditions:\n - condition: state\n entity: light.daniel_s_bedroom_light\n state: 'on'\n card:\n square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: scene.dan_s_bedroom_concentrate\n name: Concentrate Mode\n icon: mdi:brain\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n entity: scene.dan_s_bedroom_dimmed\n name: Dimmed Mode\n icon: m3s:keyboard-arrow-down-rounded\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n entity: scene.dan_s_bedroom_nebula\n name: Nebula Mode\n icon: m3s:star-rounded-filled\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n columns: 3\n title: Light Actions\n - type: custom:gap-card\n height: 32\n subview: true\n type: custom:vertical-layout\n - title: Rebecca's Bedroom\n path: rebecca-s-bedroom\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:mushroom-chips-card\n chips:\n - type: back\n card_mod:\n style: |\n ha-card {\n background: transparent;\n --chip-background: transparent;\n box-shadow: none;\n margin: 18px 0px 18px 0px;\n }\n - type: custom:button-card\n name: |\n [[[\n return entity.attributes.friendly_name;\n ]]]\n label: |\n [[[\n return entity.state == 'home' ? \"Home\" : \"Away\";\n ]]]\n show_name: true\n show_label: true\n show_state: false\n show_icon: true\n show_entity_picture: true\n entity: person.rebecca\n tap_action:\n action: more-info\n styles:\n card:\n - width: 100%\n - background-color: var(--contrast2)\n - padding: 10px 10px 10px 0px\n - margin-top: 8px\n - border-radius: 99vh\n grid:\n - grid-template-areas: |\n \"i n\"\n \"i l\"\n - grid-template-columns: 60px 1fr\n - grid-template-rows: min-content\n name:\n - align-self: end\n - justify-self: start\n - background: none\n - padding-left: 0px\n - font-size: 14px\n - font-weight: 600\n - padding-right: 12px\n label:\n - align-self: start\n - justify-self: start\n - background: none\n - padding: 0px\n - padding-top: 0px\n - color: var(--contrast10)\n - font-size: 12px\n img_cell:\n - justify-content: start\n - width: 40px\n - height: 40px\n - border-radius: 99vh\n icon:\n - color: var(--contrast1)\n - justify-content: start\n - align-content: center\n entity_picture:\n - justify-content: start\n - position: absolute\n - width: 40px\n - height: 40px\n - left: 0ppx\n - bottom: 0px\n - margin: 0px 0px 0px 0px\n - border-radius: 500px\n - type: custom:gap-card\n height: 8\n - type: custom:mushroom-chips-card\n chips:\n - type: entity\n entity: sensor.rebecca_s_bedroom_total_power\n content_info: state\n tap_action:\n action: none\n hold_action:\n action: none\n double_tap_action:\n action: none\n use_entity_picture: false\n alignment: end\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: light.rebecca_s_bedroom_light\n name: Bedroom Light\n icon: m3s:light-outlined\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: toggle\n hold_action:\n action: more-info\n - type: custom:button-card\n icon: m3s:tv-gen-rounded\n name: TV\n entity: media_player.rebecca_s_bedroom_tv\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n custom_fields:\n second:\n - text-align: left\n - align-self: end\n - justify-self: end\n - margin-bottom: '-8px'\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". second\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: 'off'\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: 'on'\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: playing\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: idle\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n custom_fields:\n second: |\n [[[\n if (entity.state == 'on' || entity.state == 'playing' || entity.state == 'idle') {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch\"\n style=\"width: 40px; height: min-content; color: var(--contrast1);\"\u003e\n \u003c/ha-icon\u003e`;\n } else {\n return `\u003cha-icon\n icon=\"mdi:toggle-switch-off\"\n style=\"width: 40px; height: min-content; color: var(--contrast4);\"\u003e\n \u003c/ha-icon\u003e`;\n }\n ]]]\n tap_action:\n action: more-info\n hold_action:\n action: more-info\n columns: 3\n title: Managed Devices\n - type: custom:gap-card\n height: 32\n - square: true\n type: grid\n cards:\n - type: custom:button-card\n entity: device_tracker.rebecca_s_air_conditioner_2\n show_name: true\n show_icon: true\n aspect_ratio: 1/1\n styles:\n card:\n - box-shadow: none\n - padding: 10%\n img_cell:\n - border-radius: 100%\n - width: 30px\n - height: 30px\n - background-color: var(--contrast4)\n - justify-self: start\n - align-self: start\n icon:\n - width: 50%\n - height: 100%\n name:\n - margin-top: 10%\n - color: var(--contrast20)\n - font-size: 0.75em\n - text-align: left\n - white-space: normal\n - word-break: break-word\n - justify-self: start\n - align-self: center\n grid:\n - grid-template-areas: |\n \"i .\"\n \"n n\"\n \". .\"\n - grid-template-rows: min-content 1fr min-content\n - grid-template-columns: 1fr 1fr\n state:\n - value: not_home\n styles:\n card:\n - background-color: var(--ha-card-background)\n icon:\n - color: var(--contrast20)\n img_cell:\n - background-color: var(--contrast4)\n - value: home\n styles:\n card:\n - background-color: var(--contrast20)\n name:\n - color: var(--contrast1)\n icon:\n - color: var(--contrast1)\n img_cell:\n - background-color: var(--contrast16)\n - value: unavailable\n styles:\n icon:\n - color: red\n img_cell:\n - background-color: rgba(255,0,0,var(--color-tint))\n tap_action:\n action: nonw\n hold_action:\n action: none\n columns: 3\n title: Un-managed Devices\n - type: custom:gap-card\n height: 32\n subview: true\n type: custom:vertical-layout\n - title: Kitchen\n path: kitchen\n cards:\n - type: custom:mushroom-chips-card\n chips:\n - type: back\n card_mod:\n style: |\n ha-card {\n background: transparent;\n --chip-background: transparent;\n box-shadow: none;\n margin: 18px 0px 18px 0px;\n }\n - type: vertical-stack\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:button-card\n entity_picture: /local/images/devices/Canon_MG3600.png\n show_label: false\n show_name: false\n show_icon: false\n show_state: false\n show_entity_picture: true\n styles:\n card:\n - width: 150px\n - height: 100%\n - padding-top: 18px\n - padding-bottom: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"i\" \n \"i\"\n - grid-template-columns: 1fr\n - grid-template-rows: 1fr 1fr\n img_cell:\n - justify-content: center\n - width: 100px\n entity_picture:\n - width: 100%\n - type: entities\n card_mod:\n style:\n .: |\n ha-card {\n background-color: transparent;\n box-shadow: none;\n }\n #states {\n padding-top: 0px !important;\n padding-left: 0px !important;\n padding-right: 0px !important;\n padding-bottom: 0px !important;\n }\n #states \u003e div {\n margin-top: 8px !important;\n margin-bottom: 8px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n entities:\n - type: divider\n - type: custom:button-card\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Model\n val: |\n [[[\n return \"Canon MG3600\" ;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 3fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n - type: custom:button-card\n entity: sensor.canon_mg3600_black\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Black Ink\n val: |\n [[[\n return entity.state;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 3fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n - type: custom:button-card\n entity: sensor.canon_mg3600_color\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Colour Ink\n val: |\n [[[\n return entity.state;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 1fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n title: Kitchen Printer\n - type: custom:gap-card\n height: 36\n - type: vertical-stack\n title: Fridge Freezer\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:button-card\n entity_picture: /local/images/devices/Beko_CF6004AP.png\n show_label: false\n show_name: false\n show_icon: false\n show_state: false\n show_entity_picture: true\n styles:\n card:\n - width: 100px\n - height: 100%\n - padding-top: 18px\n - padding-bottom: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"i\" \n \"i\"\n - grid-template-columns: 1fr\n - grid-template-rows: 1fr 1fr\n img_cell:\n - justify-content: center\n - width: 100%\n - height: 100%\n entity_picture:\n - height: 100%\n - width: auto\n icon:\n - width: 70%\n - type: entities\n card_mod:\n style:\n .: |\n ha-card {\n background-color: transparent;\n box-shadow: none;\n }\n #states {\n padding-top: 0px !important;\n padding-left: 0px !important;\n padding-right: 0px !important;\n padding-bottom: 0px !important;\n }\n #states \u003e div {\n margin-top: 8px !important;\n margin-bottom: 8px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n entities:\n - type: divider\n - type: custom:button-card\n entity: sensor.beko_fridge_freezer_model\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Model\n val: |\n [[[\n return entity.state ;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 3fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n - type: custom:button-card\n entity: sensor.kitchen_beko_fridge_freezer_power\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Power\n val: |\n [[[\n return entity.state + ' W' ;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 3fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n - type: custom:button-card\n entity: sensor.kitchen_beko_fridge_freezer_energy_daily\n show_name: false\n show_label: false\n show_state: false\n show_icon: false\n custom_fields:\n title: Energy Consumed\n val: |\n [[[\n return entity.state + ' KWh' ;\n ]]]\n styles:\n card:\n - padding: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"title val\"\n - grid-template-columns: 1fr 1fr\n custom_fields:\n title:\n - justify-self: start\n - font-weight: 500\n val:\n - justify-self: end\n - color: var(--contrast10)\n - type: divider\n - type: custom:gap-card\n height: 36\n - type: vertical-stack\n title: Freezer\n cards:\n - type: horizontal-stack\n cards:\n - type: custom:button-card\n entity_picture: /local/images/devices/Beko_FFG1545W.png\n show_label: false\n show_name: false\n show_icon: false\n show_state: false\n show_entity_picture: true\n styles:\n card:\n - width: 100px\n - height: 100%\n - padding-top: 18px\n - padding-bottom: 18px\n - background-color: transparent\n grid:\n - grid-template-areas: |\n \"i\" \n \"i\"\n - grid-template-columns: 1fr\n - grid-template-rows: 1fr 1fr\n img_cell:\n - justify-content: center\n - width: 100%\n - height: 100%\n entity_picture:\n - height: 100%\n - width: auto\n icon:\n - width: 70%\n - type","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeecho01%2Fhomeassistant-setup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbeecho01%2Fhomeassistant-setup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeecho01%2Fhomeassistant-setup/lists"}