[Styling Module, JS Module, JS+Editor Module] My module name

[meirjann]

Module post template

Fix for Home Assistant Default Styling

Version: 1.0
Creator:

Important

Supported cards:

• Button
• Climate
• Cover
• Horizontal Buttons Stack
• Media Player
• Pop Up
• Select
• Separator
• Sub Buttons

This module fixes some bugs in the "Home Assistant default styling" module

1. respect user's accent color
2. when main entity is 0, sub buttons don't render correct background
   Configure this module via the editor or in YAML, for example:

meirjann_hass_default_styling_fix: 
    # Your configuration here

---

🧩 Get this Module

To use this module, simply install it from the Module Store (from the editor of any card > Modules), or copy and paste the following configuration into a /www/bubble/modules/meirjann_hass_default_styling_fix.yaml file.

meirjann_hass_default_styling_fix:
    name: "Fix for Home Assistant Default Styling"
    version: "1.0"
    creator: ""
    link: "https://github.com/Clooos/Bubble-Card/discussions/XXXX"

    supported:
        - button
        - climate
        - cover
        - horizontal-buttons-stack
        - media-player
        - pop-up
        - select
        - separator
        - sub-buttons

    description: |
        This module fixes some bugs in the "Home Assistant default styling" module
        
        1. respect user's accent color
        2. when main entity is 0, sub buttons don't render correct background
        <br><br>
        <code-block><pre>
        meirjann_hass_default_styling_fix: 
            # Your configuration here
        </pre></code-block>

    code: |
        :host {
            --bubble-accent-color: var(--primary-color);
            --bubble-button-accent-color: var(--bubble-accent-color);
            
            --bubble-button-icon-background-color: var(--bubble-default-backdrop-background-color);
        }
        
        .is-on {
            --bubble-sub-button-background-color: transparent !important;
        }

---

Screenshot:

With fix:

Without Fix:

Before posting your module

• I've replaced all lines starting with ->
• I've updated the unsupported cards above the description and under the unsupported property
• I've added a screenshot
• I've chosen a unique your_module_key
• I really enjoyed working on this module ❤️