SOLVED: Color Picker Missing on Block Element Background

Bricks Version: 1.5.3
Browser: Firefox Developer 106.0b3, Safari Version 16.0 (17614.1.25.9.10, 17614)
OS: macOS 12.6
URL: (a link to a page that illustrates the issue would be really helpful) Localhost

I select the root block element and then under the style tab, try to modify the background color. The color picker is missing.

Is it not right there? Or are you saying when you click it, it doesn’t pop up?

I don’t see it so why would I click there :P?

OH! I just tried it and it is there, just blacked out.

I would still consider this a bug :slight_smile:

I wouldn’t say it’s a bug. From your screenshot it looks like a background color of transparent was set at some point in the past. You can see there’s a yellow indicator. I bet if you reset the background by clicking the x, you’ll see the color picker icon show up.

Oh I see the indicator. I have not changed the styles of the dialogue. It (the clickable link) does show up on other elements.

“I bet if you reset the background by clicking the x, you’ll see the color picker icon show up.”

Why should I have to do that? Yes, it recovered but I would not qualify this as correct behavior.

I’m just saying that it’s highly likely that at some point you intentionally/unintentionally set the background color to transparent for this block.

I just tested this. When I add a new block to the page, I do not have a transparent background by default. This is unlikely a bug, unless it’s a very strange outlier case, but you’re free to leave it open if you wish and the team can look into it further.

I never set a transparent background.

I am sure of this.

Edit: Ok, I see in the image where it is indeed set to transparent. I never set this though as I have/had no need for one on this element.

For this UI issue, items that have setting maybe should have an indicator or something visible around the color circle if it’s set. I donno, but it made no sense to me that the background would have a yellow indicator but not see anything in the color set icon.

I guess I will be alerted to this in the future, but it really troubles me that I never set it to 100% trans.

Hi John,
I’m a little hung up: what do I need to do to reproduce the problem? If the transparency is 0, it shows as transparent (as in your screenshot).

Best regards,
timmse

I understand and appreciate you are saying.

I don’t think it’s a bug at this point but a UI issue. I think if I wasn’t in Dark Mode this would not be a problem. I tested in Light mode and this would be a non issue in that case.

The challenge is that different screens have different brightness. Even when you take a screen shot, the contrast ratios shift some.

Now that I know that if the icon “disappears”, SOME kind color/shade/transparency has to have been selected.

Because of being in dark mode, all I saw on the screen was black and not a transparent circle element.

It’s not a bug, but a difficulty with the UI in some use cases unless one really understands the possible states and is paying closer attention.

It’s user error I guess in my case. shrug Thank you for your willingness to look at it.

Thanks for the explanation :slight_smile:
Admittedly, the darker the screen is set, the more difficult it is to see the field (depending on the color and transparency). Let’s see if we can lighten that up in the future so it still fits into the overall “dark” mode.

Best regards,
timmse

Lightening the UI background is one possible method for sure.

Another thought might be an additio0nal indicator “ring” or something around the color, or, a background element around the color in Dark mode.

Obviously this is why Dark Mode is a challenge for UI. Contrast can easily get buried, but it sure is easier on the eyes for some of us.

Thanks for you patience looking at this one.