[Styling Module] Restore previous accent color

[Clooos]

Restore previous accent color

Version: 1.0
Creator: Clooos

Important

Supported cards:

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

Restores the pre–Bubble Card 3 accent color. Not a fan of the new contrast-friendly blue? This module brings back the original accent color.

Just toggle the "All cards" button in the module configuration.

---

🧩 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 your /www/bubble/bubble-modules.yaml file.

previous_accent_color:
    name: "Restore previous accent color"
    version: "1.0"
    creator: "Clooos"
    link: "https://github.com/Clooos/Bubble-Card/discussions/1558"

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

    description: |
        Restores the pre–Bubble Card 3 accent color. Not a fan of the new contrast-friendly blue? This module brings back the original accent color.

    code: |
        * {
            --bubble-accent-color: var(--accent-color);
            --bubble-button-accent-color: var(--accent-color);
        }

---

Screenshot:

[Luk3la]

Hey,
first i want to say thanks for all of your work you put into this project.

Can you give me a hint how you build up the buttons you show in the screenshot? i would guess "Production" is your main entity for the button and the other 4 are sub-buttons? how did you style them so they you show the icon and state without a background color and how did you change the size of the sub-buttons? Via "Custom styles & JS templates" ?

I am trying to build s.th. similar for my main smart meter but i need a small hint to make i look better than this :)

[Clooos]

Hi! This can be achieved by just picking this layout (and 4 sub-buttons of course):

[Luk3la]

Hey,
thanks, i tried "Large with sub-buttons in a grid (Layout: min. 2 rows)" but not the one you mentionen.
To remove the bg color i think a could/should use one of the modules to style sub-buttons, correct?

Best

[Clooos]

No you can remove it in the editor, in each sub-buttons there is a setting for that 🙂

[Luk3la]

Thy a lot.
For everyone else it is:
Show background when entity is on:

[Just666Me]

Hi all,
finally updated to the new Bubble Card 3.0.4 and started to miss my colors.
After reverting to the previous layout with the module "Restore previous accent color" some icons in front stay white, some become orange.

What I see, when changing the button type from name to slider or state
type: custom:bubble-card
card_type: button
button_type: name
-->
button_type: state

the front icon turns into orange. Is this only on my side?
Is there a way to keep it like before: white in dark mode and black on day time?

Thank you in advance