artsyfriedchicken / EdgyArc-fr

Firefox Userchrome and sidebery style
Mozilla Public License 2.0
645 stars 16 forks source link

Using pseudo-elements to change background color causes visual bugs #63

Open Loskir opened 3 months ago

Loskir commented 3 months ago

Describe the bug Using pseudo-elements to change background color is a bad practice because it can cause visual issues in places that rely solely on CSS variables to get background color.

E.g. in rounded corners CleanShot 2024-08-17 at 15 13 06

Here is the source https://github.com/artsyfriedchicken/EdgyArc-fr/blob/2ba31f414811324f218111c94586651456d89fdf/chrome/EdgyArc-fr/main.css#L203-L211

I tried refactoring it to normal colors but it turned out to be harder than expected

Used tweaks: