Dashboards on Smart Home? Sure — But Secure!

Home Assistant A-Z: D is for Dashboard

Sun, 10 Aug 2025 00:00:00 +0200

You open Home Assistant and see… a chaotic mess of switches, sensors, and cryptic names? Or worse: you miss important warnings because everything looks grey and unremarkable? It doesn’t have to be this way! A well-designed dashboard makes the difference between frustration and joy in your daily smart home experience.

To load the video, please click the image. Please note that by doing so, data will be transmitted to YouTube.

What is it, anyway?

The dashboard is your central control panel in the smart home – the first screen you see when you open the app or web interface. This is where you control your devices, monitor sensors, and keep an overview of your smart home.

A dashboard is made up of cards – small widgets that display different information. You can add light switches, temperature readouts, camera streams, or complex charts. Think of it like the home screen of your smartphone, but for your home.

The default dashboard automatically shows all your devices, but that gets cluttered fast. That’s why you can create your own dashboards – one for the living room, one for security, or one for energy monitoring. Anything is possible.

Why does this matter for your smart home?

Let’s be honest: the best smart home is useless if you can’t find your way around it. A well-thought-out dashboard saves you time and frustration every day. Instead of scrolling through endless lists, you see the most important information at a glance.

A practical example: in the morning, quickly check whether all windows are closed, the heating is set correctly, and whether the coffee maker is already running. With a personalized “Good Morning” dashboard, that takes 5 seconds instead of 2 minutes.

But even more importantly: a good dashboard warns you about problems! Imagine your fridge is too warm, your plants need water, or a door has been left open. With color-coded warnings, you’ll never miss something like that again. Red cards for critical errors, orange for warnings, blue for notices – you can see at a glance where action is needed.

How does it work in Home Assistant?

Let’s look at this practically: go to your dashboard and click the pencil icon in the top right. Now you can add, move, or delete cards. It’s all very intuitive.

For starters, I recommend: create a new dashboard via “Settings” → “Dashboards” → “Add Dashboard”. Then add the entities that matter most to you. Over time, you’ll notice what you use frequently and what you don’t. Take a critical look at your dashboard once a week and refine it step by step. Dashboards are as individual as each user – it just needs to work for you, and you know that best yourself.

One tip: make use of the ability to only show entities when relevant. You can do this with an Entity Filter card, or via the visibility conditions in the card settings. This keeps your overview clean.

A concrete example: add an Entities card for an open window, but only show it when the window is actually open.

Tip: With card-mod from the Home Assistant Community Store, you can make warnings color-coded: red backgrounds for critical errors, orange for warnings. You’ll never overlook anything important again. Curious? I’ve linked a video above and in the video description.

The most common pitfalls

The first pitfall: overloading your dashboard with everything that’s possible. Just because you have 50 sensors doesn’t mean they all need to be on the home screen. The result: nobody can find anything, and important warnings get lost in the noise. My tip: only show what you genuinely need every day.

Second pitfall: no differentiation. When everything looks the same, you can’t tell what’s urgent. Use a system: red for critical errors like “fridge too warm”, orange for warnings like “battery low”, blue for notices like “take out the trash”. That way you immediately see what matters.

Third pitfall: only testing on the desktop. Many people design their dashboard on a computer and then wonder why it looks off on their phone. Always test your dashboard on mobile too – especially warning cards need to be clearly visible on the go. Home Assistant makes this easy: as soon as you change a dashboard, any phone with the app open in parallel will prompt you to reload. So you can test your changes live right away.

What creative or useful things can you do with it?

Dashboards can do much more than just display switches. My favorite: a “Warnings Dashboard” using Entity Filter cards that only appear when there’s a problem – red cards for critical errors, orange for warnings, blue for notices. Forgotten plants, open doors, or weak batteries will never slip past you again.

I’ve put together more tips and tricks in this video – I’ve also linked it in the video description.

Next up is “E” is for Entities, or check out the overview of all A-Z posts.

Note: Links marked with affiliate link are affiliate links. As an Amazon Associate I earn from qualifying purchases. This means I receive a small commission if you purchase through these links — at no extra cost to you. The revenue helps me run this blog and YouTube channel and keep creating content. Thank you for your support!
― Joachim

Pollen Alert on Your Dashboard: Never Forget Your Allergy Meds Again with Home Assistant!

Mon, 28 Apr 2025 00:00:00 +0000

To load the video, please click the image. Please note that by doing so, data will be transmitted to YouTube.

Pollen in Home Assistant: Stay Informed at a Glance!

Spring is finally here! For many people, though, that also means pollen season — and with it, the daily challenges for allergy sufferers. I’m one of them: every morning I check the pollen forecast, figure out which medications to take, and plan my day accordingly. But what if we could skip the app entirely and have all that information right on our Home Assistant dashboard?

Good news: the German Weather Service (DWD) provides a pollen forecast that can be integrated into Home Assistant. The raw presentation, however, isn’t very user-friendly. In this article I’ll show you how to process the data into something useful and display it clearly on your dashboard.

Why Put Pollen Levels on the Dashboard?

Especially in the morning, it saves time and gives you peace of mind to see your pollen exposure at a glance — without having to open an app. Even better: with targeted notifications, you’ll be alerted automatically whenever levels exceed a threshold that matters to you.

Setting Up the DWD Pollen Integration

Home Assistant lets you use DWD pollen forecast data via HACS (Home Assistant Community Store). Here’s how to get it running:

Make sure HACS is installed in your Home Assistant. If not, you can find installation instructions here.
In Home Assistant, go to HACS → Integrations.
Search for “DWD Pollenflug” and install the integration.
Restart Home Assistant to activate the integration.
Go to Settings → Integrations and add the DWD Pollenflug integration. Select your desired location.

Once set up, you’ll have sensors available for various pollen types.

You can find more about the integration at https://github.com/mampfes/hacs_dwd_pollenflug

Processing the Data to Make It Useful

The raw data delivered by the integration can be hard to interpret since it only contains numerical values. I recommend creating template sensors that translate the exposure into easy-to-understand categories like “low”, “moderate”, or “high”.

Here’s an example of what such a template sensor might look like:

sensor:
  - platform: template
    sensors:
      birke_pollen_level:
        friendly_name: "Pollen Level Birch"
        value_template: >-
          {% if states('sensor.dwd_pollen_birke') | int == 0 %} No exposure
          {% elif states('sensor.dwd_pollen_birke') | int == 1 %} Low exposure
          {% elif states('sensor.dwd_pollen_birke') | int == 2 %} Moderate exposure
          {% else %} High exposure
          {% endif %}

This lets you see at a glance how heavy the pollen load is for specific plants.

Even Better: A Personalised Pollen Profile

It’s worth aggregating pollen levels into a single personalised tile. Depending on the severity and the pollen types you react to, you can create a generic problem entity. With appropriate visibility conditions added to your dashboard configuration using “or” logic, you can build a personalised pollen warning that gives you a tailored overview matched exactly to your needs. I walk through this in detail in the video.

What’s Next: Automations

If you’re looking for more ideas on how to make your smart home allergy-season ready, I recommend checking out the article „Home Assistant gegen Pollen: Drei Automatisierungen für Allergiker" on heise online. You’ll find practical examples of how to set up push reminders, light-based warnings, and smart air purifier control with Home Assistant — great for keeping pollen levels manageable day to day.

Conclusion: A Relaxed Pollen Season

With the DWD pollen forecast integration and a bit of personalisation, you can turn your Home Assistant dashboard into a genuine allergy companion. No more morning surprises — just a clear picture of what’s ahead.

4 Smart Tricks for Your Dashboard – Never Miss Anything Important Again

Thu, 24 Apr 2025 00:00:00 +0000

Whether warning symbols, color highlights, or dynamic display: these four ideas take your dashboard to the next level – functional, elegant, and practical for everyday use.

To load the video, please click the image. Please note that by doing so, data will be transmitted to YouTube.

In everyday life it can easily happen that important information gets lost in the smart home dashboard – be it humidity that’s too low, a door left open, or a device that has gone offline. In this post I’ll show you four concrete methods to make sure such information is visually highlighted and no longer overlooked in Home Assistant.

Why Visual Highlighting Matters

Home Assistant offers many automation options, but a lot of potential is wasted when it comes to dashboard presentation. A uniformly grey dashboard lets important alerts fade into the background – with targeted use of colors and symbols you can change that.

Method 1: Colored Backgrounds with CardMod (Static)

With card-mod you can customize the background color of individual cards. This works even without conditions – for example to highlight specific sensors.

Example:

card_mod:
  style: |
    ha-card.active {
      background-color: #ffcccc;
      --state-icon-color: red;
    }

Method 2: Dynamic Colors via Template and CardMod

A bit more advanced, but very effective: you use a template to automatically choose a color based on the sensor value – for example for humidity or temperature.

Example:

card_mod:
  style: |
    ha-card.active {
      background-color: {{
      '#ffcccc' if (states('sensor.graserpollen') | int > 2)
      else '#ffffcc' if (states('sensor.graserpollen') | int > 1)
      else '#ffffff'
      }};;
    }

Method 3: Warning Symbols via “unavailable” Status (Helper Sensor)

A clever trick: Home Assistant displays a yellow warning symbol (⚠️) when a sensor’s status is unavailable. You can use this deliberately – for example with an additional template sensor that only takes on this status under certain conditions.

Example:

1
2

# Template sensor with unavailable status for visual highlighting
{{"unavailable"}}

Method 4: Display via binary_sensor with device_class “problem”

If you want a striking red warning symbol, you can use a binary_sensor with device_class: problem. As soon as the state switches to on, Home Assistant automatically shows the symbol.

Example:

1
2

# Template for binary_sensor with problem indicator
{{true}}

Conclusion

These four methods help you make your dashboard not only nicer, but also more functional and more reliable. In everyday life it’s crucial to see at a glance when something is wrong – and that’s exactly what visual cues like colors, symbols, and status indicators help you with.

Tip: Combine multiple methods – for example a tile with a colored background and a symbol – so you’re guaranteed never to miss anything.

→ I covered the basics of conditional display with card-mod in the first part of this series: Fehler und Warnungen im Home Assistant Dashboard richtig anzeigen

You’ve reached the end of this article. Did I help you out? Did you enjoy the video? I’d be really happy if you thought it was worth €5. You can find more on the About me page.
― Joachim

How to Display Errors and Warnings on Your Home Assistant Dashboard

Mon, 09 Dec 2024 00:00:00 +0000

ATTENTION: For a limited time until mid-January 2025, you and I will receive not just €50 but €100 at Tibber as a bonus! Just scroll to the end of this article to find out whether a dynamic electricity tariff might be for you.
― Joachim

To load the video, please click the image. Please note that by doing so, data will be transmitted to YouTube.

Forgot to water the plants again? The trash can is overflowing, the EV is empty? And the fridge door keeps getting left open? All while you have that data somewhere in your smart home? I’ll show you in three steps how to easily integrate a display like this into your Home Assistant dashboard so you never miss a warning again:

Prerequisites

For this tip you need to install the card-mod extension from the Home Assistant Community Store (HACS). Just open HACS in the sidebar, search for card-mod in the list of extensions, and click Download twice. Then reload the Home Assistant interface by clicking Reload — and the extension is ready to use.

Customizing the CSS Style

With this extension you can change the appearance of your dashboard elements. For example, to display a red warning card with white text instead of a neutral card, add the following YAML snippet to your card:

card_mod:
  style: |
    ha-card {
      background-color: rgba(255,10,10,1);
      --primary-color: white;
      --paper-item-icon-color: white;
      --primary-text-color: white;
      --switch-checked-track-color: white;
      --switch-checked-button-color: white;
    }

The CSS variables used here (recognizable by the -- prefix) allow you to customize Home Assistant-specific elements such as icons or switch colors without needing in-depth CSS knowledge.

Enabling Conditional Display

Of course the cards should only appear when an actual error or warning is present. Use an entity-filter and define a condition. In this example, the fridge temperature should only be shown when it exceeds 8°C.

type: entity-filter
entities:
  - entity: sensor.kuhlschrank
    conditions:
      - condition: numeric_state
        above: 8

The complete definition looks like this, combining entities with conditions and our card-mod style:

type: entity-filter
show_empty: false
entities:
  - entity: sensor.kuhlschrank
    conditions:
      - condition: numeric_state
        above: 8
conditions:
  - condition: state
    state: null
card:
  type: entities
  card_mod:
    style: |
      ha-card {
        background-color: rgba(255,10,10,1);
        --primary-color: white;
        --paper-item-icon-color: white;
        --primary-text-color: white;
        --switch-checked-track-color: white;
        --switch-checked-button-color: white;
      }

More Complex Example

You can of course group multiple entities together when they should be displayed in the same color, while still defining independent display conditions for each — like in this example:

type: entity-filter
entities:
  - entity: sensor.basilikum
    conditions:
      - condition: numeric_state
        below: 50
  - entity: input_boolean.mull_rausstellen
    conditions:
      - condition: state
        state: "on"
conditions:
  - condition: state
    state: null
card:
  type: entities
  card_mod:
    style: |
      ha-card {
        background-color: rgba(3,169,244,1);
        --primary-color: white;
        --paper-item-icon-color: white;
        --primary-text-color: white;
        --switch-checked-track-color: white;
        --switch-checked-button-color: white;
      }

Color Hierarchy and Combined Conditions

A clear dashboard lives by a strong hierarchy that highlights important information while maintaining readability. I recommend structuring warnings and errors in your Home Assistant dashboard by color:

Red for critical errors (e.g. fridge temperature too high).
Orange for warnings (e.g. low battery level).
Blue for informational notices (e.g. take out the trash).

With this hierarchy you can assess the urgency of a situation at a glance.

Example: Three Groups with Different Warning Levels

Here is an example of a dashboard combining errors, warnings, and notices:

type: vertical-stack
cards:
  - type: entity-filter
    show_empty: false
    entities:
      - entity: sensor.kuehlschrank
        conditions:
          - condition: numeric_state
            above: 8
    card:
      type: entities
      card_mod:
        style: |
          ha-card {
            background-color: rgba(255,10,10,1); /* Red */
            --primary-color: white;
          }          

  - type: entity-filter
    show_empty: false
    entities:
      - entity: sensor.batterie_sensor
        conditions:
          - condition: numeric_state
            below: 20
    card:
      type: entities
      card_mod:
        style: |
          ha-card {
            background-color: rgba(255,165,0,1); /* Orange */
            --primary-color: white;
          }          

  - type: entity-filter
    show_empty: false
    entities:
      - entity: input_boolean.muell_rausstellen
        conditions:
          - condition: state
            state: "on"
    card:
      type: entities
      card_mod:
        style: |
          ha-card {
            background-color: rgba(3,169,244,1); /* Blue */
            --primary-color: white;
          }

Hopefully you’ll never miss anything again!

What’s Next

Are you already capturing all the sensor data and information relevant to you in your smart home? What about wind speed? In my article Integrating Wind Meters with ESPHome into Home Assistant I show you how easy it is.

→ In a follow-up video I show four advanced methods for integrating warnings into your dashboard even more elegantly — completely without card-mod: 4 Smart Dashboard Tricks – So You Never Miss Anything Again

Do you already have a dynamic electricity tariff? Tibber is one of the first providers to offer such a tariff in Germany. I’ve been a customer since October 2022, and it’s been a thoroughly positive experience. Tibber offers a clearly structured, modern app where you always have full oversight of your electricity tariff and costs. Pricing is very transparent: Tibber only charges what electricity actually costs on the exchange at any given moment (plus standard grid fees, etc.), plus a service fee of just €3.99 per month.

If Tibber sounds like an option for you, I’d be glad if you sign up via my referral link. That gets both you and me €100 for the Tibber Store, where you can buy various IoT hardware for your smart home. If you’re already a Tibber customer and haven’t used a referral link, you can still do so within 14 days — use code vkccaupl.

Have questions or still unsure? Don’t hesitate to reach out. I’m happy to help you figure out whether Tibber is the right choice for you. And if it turns out it isn’t — you can cancel Tibber month by month at any time!

Thank you for your support! It makes it possible for me to keep creating videos for you.

― Joachim