Custom styles on sub-button only

[DesertRec]

Custom styles dosen't work on the new sub-buttons only card.

Thank you! 🍻

[Clooos]

Hi! I just tried and it does work, what custom style isn't working for you?

[DesertRec]

Sorry forgot its the default module style thats not working if that make a difference.

/* ========== GLOBAL ACCENT COLOR ========== */
* {
  --bubble-accent-color: #254e70 !important;
  --bubble-button-accent-color: #254e70 !important;
}

/* ===== POP-UP BACKGROUND (matches your gradient wallpaper) ===== */
.bubble-pop-up-background {
  background: linear-gradient(
    to bottom,
    rgba(30, 30, 30, 1.0) 0%,
    rgba(50, 60, 70, 1.0) 100%
  ) !important;
}

/* ========== BUTTONS / MEDIA / COVERS (rows/pills) ========== */
.bubble-button-card-container,
.bubble-media-player-container,
.bubble-climate-card-container,
.bubble-cover-card-container {
  background: linear-gradient(
    145deg,
    rgba(55, 53, 62, 1.0),
    rgba(68, 68, 78, 1.0)
  ) !important;
  border-radius: 26px;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/*
.bubble-sub-button { 
  background-color: rgb(40, 40, 40) !important;
}
*/

/* ========== SEPARATORS ========== */
.bubble-line {
  background: linear-gradient(
    90deg,
    rgba(211, 218, 217, 1.0),
    rgba(68, 68, 78, 1.0)
  ) !important;
  height: 5px;
  border-radius: 999px;
}

/* ========== TEXT SIZES (OVERRIDE EVERYTHING) ========== */
.bubble-name {
  font-size: 14px !important;
}

.bubble-state {
  font-size: 13px !important;
}

.bubble-sub-button {
  font-size: 13px !important;
}

.bubble-sub-button-icon {
  --mdc-icon-size: 20px !important;
}

[Clooos]

I have just tried these two custom styles in the default module and it is working as well on my side:

.bubble-sub-button-1 {
  display: none;
}

.bubble-sub-button-icon {
--mdc-icon-size: 20px !important;
}

[DesertRec]

It's greyed out on here.

[Clooos]

Oh ok! I misunderstood your issue, I might know what's happening here and this will be fixed in the next beta 😄

[Clooos]

Hi! The new beta is available, I can't wait for your feedback on it 😄

https://github.com/Clooos/Bubble-Card/releases/tag/v3.1.0-beta.7

[DesertRec]

This one don't seem to work yet, it's not greyed out anymore but no style is applied like the Button (Switch, slider, ...)

And a minor glitch I think you forgot to update this:

[Clooos]

Interesting I will check that!

And indeed, I've updated the version number but I forgot to save the file 😅

[DesertRec]

Don't forget this one before release now that you fixed the HA side-menu conflict.

#1982

[Clooos]

I just tried the styles from your Default module in my own and this is working on my side.

What styles aren't applied?