Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[suggestion] remove the background image #76

Open
quantenzitrone opened this issue Oct 1, 2023 · 0 comments
Open

[suggestion] remove the background image #76

quantenzitrone opened this issue Oct 1, 2023 · 0 comments

Comments

@quantenzitrone
Copy link

While trying to remove this horrible background image from the site with stylus to make the site work with my dark mode extension, i was unable to remove it even when setting background-image: none !important.
I'm not sure what is going on, but it seems to me that having this background image inline in the html, makes it reaally hard to override.
I eventually found this to work:

@-moz-document domain("lapce.dev") {
    [style="background-image: url('assets/img/pattern-light-big.svg'); background-position: center;"],
    [style="background-image: url('assets/img/pattern-light1.svg'); background-position: center;"] {
        filter: invert(1);
    }
    [style="background-image: url('assets/img/pattern-light-big.svg'); background-position: center;"] *,
    [style="background-image: url('assets/img/pattern-light1.svg'); background-position: center;"] * {
        filter: invert(1);
    }
}

So i basically invert the element and then invert all child elements again, so only the element containing the background image is inverted.

I would suggest removing the background image, as it adds very little value to how the page looks, and makes it way harder for dark mode extensions to correctly dark mode the site.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant