I am trying setup a theme that changes the background color of .bubble-range-fill that is in bubble-card integration. This is what I have in a file located in the config/themes:
theme:
name: "Bubble Card Pink Theme"
styles:
.bubble-range-fill:
background-color: "#ff1111 !important" # Light red color
That does not work. I have never used themes, so I am not sure how to create the file properly, so bubble-card will use it.
Please help.
After some additinal research I was able to get this theme file loaded with no syntax errors:
my_bubble_theme:
bubble-range-fill: "background: rgba(216,178,142, 1);"
I loaded the theme in the profile section, but it has no effect.
Is it possible to use themes to modify the bubble-range-fill class background?
Hi! Try this instead:
my_bubble_theme:
bubble-light-color: "rgba(216,178,142, 1)"
This should works, don’t forget to reload your theme after that with frontend.reload_themes.
Edit: You can find all the variables in the documentation.
