Browser mod Popup style

agron.merseli · May 22, 2026, 1:50pm

How is possible to style with css the popup in the browser mod.

Is there any documentation with the classes or any manual describing it.

Thanks

almighty59 · May 22, 2026, 10:55pm

I use popups for various things and style all of the using Card Mod the same way I style something on the dashboard. Here's a post that might help you. If you can provide some of your code and what you're trying to accomplish it would be easier to help you.

dcapslock · May 24, 2026, 8:54am

Check the doco in the repo

github.com/thomasloven/hass-browser_mod

documentation/styles.md

0e48eb35f

# Styles

- [Styles](#styles)
  - [Using popup styles](#using-popup-styles)
  - [Special popup styles](#special-popup-styles)
  - [Setting styles for a popup](#setting-styles-for-a-popup)
    - [Initial style (`initial_style`)](#initial-style-initial_style)
    - [Style sequence (`style_sequence`)](#style-sequence-style_sequence)
    - [Popup styles (`popup_styles`)](#popup-styles-popup_styles)
      - [Popup styles - style (`popup_styles` \> `style`)](#popup-styles---style-popup_styles--style)
      - [Popup styles - Also apply styles from... (`popup_styles` \> `include_styles`)](#popup-styles---also-apply-styles-from-popup_styles--include_styles)
      - [Popup styles - styles (`popup_styles` \> `styles`)](#popup-styles---styles-popup_styles--styles)
  - [Example - Centered](#example---centered)
    - [Vertically centered style (`centered`)](#vertically-centered-style-centered)
    - [Vertically centered wide style (`centered-wide`)](#vertically-centered-wide-style-centered-wide)
    - [Initial style and Style sequence](#initial-style-and-style-sequence)
    - [All style](#all-style)
  - [Example - Change background color](#example---change-background-color)
  - [Example - using media query](#example---using-media-query)
  - [Example - UIX direct](#example---uix-direct)

This file has been truncated. show original