Bubble-Card icon indicating copy to clipboard operation
Bubble-Card copied to clipboard

The given icon color is not taken properly for the button card

Open RkcCorian opened this issue 4 months ago • 4 comments

For any feature request you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/feature-requests

For any question you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/q-a

Describe the bug
A clear and concise description of what the bug is.

The given icon color is not taken properly for the button card

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Style .bubble-icon { color: ${state === 'on' ? '#FFE500' : '#9E9E9E'} !important; }

Vs.

Image

Expected behavior
A clear and concise description of what you expected to happen.

Defined color is taken. But it is brighter then it is expected. I cross-checked with a color picker and it is not matching. Both, the on and off defined colors are brighter then they are defined.

HA logs
If applicable.

Browser console logs
If applicable.

Screenshots
If applicable, add screenshots to help explain your problem.

YAML
If applicable, add any relevant YAML code.

Your code here

Information (please complete the following information):

  • OS: [e.g. iOS]
  • Browser/App: [Edge on Windows / Androis > Both the same behaviour]
  • Bubble Card version: [e.g. 3.0.4]
  • Home Assistant version: [e.g. 2025.10.2]

Additional context
Add any other context about the problem here.

Thank you! 🍻

RkcCorian avatar Oct 16 '25 20:10 RkcCorian

Likely similar to https://github.com/custom-cards/button-card/issues/782#issuecomment-3218552087

Not sure if Windows Color picker has sRGB.

dcapslock avatar Oct 17 '25 00:10 dcapslock

Hmmm... I see even with my eyes that the yellow is different to other cards / elements where I gave the same hex value, so it is not a color picker problem in PowerPoint. The color is really different. Do I need to define the color different for the bubble cards?

RkcCorian avatar Oct 17 '25 04:10 RkcCorian

CSS colors are defined in sRGB color space, so that is why the difference as your color picker is viewing/picking in the RGB color space. The color picker I used on my mac has the option.

Could be different issue, but though I would mention this so you can take a further look.

dcapslock avatar Oct 17 '25 04:10 dcapslock

Many thanks, but again... I see the difference with my eyes, so the difference is real and therefore it is not a color picker problem. I would need to know in case I have to define the color in a different way or if this can be fixed in case of a bug

RkcCorian avatar Oct 18 '25 19:10 RkcCorian