Firefox&Web: Unchecked checkbox&radio are hard to see with dark variant

[nana-4]

Screenshot from #75

Dark variants using translucent white rgba(255, 255, 255, 0.7) for check and radio, so they are hardly visible on the bright background.

This affects Firefox, Epiphany, etc.

[nioncode]

In Firefox, I can't distinguish between checked and unchecked checkboxes in the dark variant at all.
In the picture, 'NixOS' is checked, all others are not.
EDIT: looks the same in the light variant, so it is not an issue with the dark variant for me.

[nana-4]

@nioncode Hmm, that's strange. Could you tell me the following?

• What is the version of Firefox?
• (If you know) what is the version of Materia?
• How did you get Materia?
• Have you customized Materia by yourself?
• What is your distro and version?

[nioncode]

Firefox v58.0.2
Materia v20180311 (initially v20180110, but I just fetched the latest version to check)

I'm on NixOS 17.09.3146.084445b8f38 and installed Materia through the nix packaging system.
Except of patching files to make things work on NixOS, there are no customizations.

How can I help debug this?

[nana-4]

Thanks!

I couldn't reproduce it on Fedora 27, Firefox v58.0.2 and latest Materia.

I don't know any details about the nix packaging system or NixOS, but there is a possibility that it's due to a wrong file permission. Please check: #182

[nioncode]

After having solved the red check boxes in #182, the original problem reported in this issue (barely visible unchecked boxes for the dark theme) is still there.
Do you have any plans for fixing this soonish? That is basically the only thing holding me back from using materia at the moment.

[nana-4]

@nioncode Now I've fixed it for Firefox. :)

(This problem still remains in Epiphany, etc.)

[nioncode]

Sweet! Unfortunately, I liked the red/pink color scheme more.
I saw there is a customization tool in place. Would you mind providing different color schemes upstream so I don't have to build everything locally but can use my distro's packages?

[nana-4]

Since I got many dissatisfied opinions from users about Pink accent color, I changed it to Teal.

Would you mind providing different color schemes upstream

I'm not considering it for now because it is hard to maintain many variants. I hope that getting used to the color will change your mind, but anyway, please, post your opinion to #220 for future decision making. :)

[protesilaos]

Just to add to this issue, that Epiphany (GNOME Web) distorts checkboxes while using the dark variants of Materia.

In the image below, the last line of the post contains a checkbox. It is invisible. It should be an unchecked box.

The following image shows the same web page in Epiphany while using another custom theme: Arc Dark. The unchecked box is visible.

In my experience this only concerns Epiphany and only the dark versions of Materia. For example, Firefox renders the same elements as expected:

---

I encountered this issue while using Debian stable ('buster').

Package versions:

• materia-gtk-theme (20190201-1)
• epiphany-browser (3.32.1.2-3~deb10u1)
• firefox-esr (68.2.0esr-1~deb10u1)
• arc-theme (20190213-1)