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

HOW-TO: Workaround for a pure black background #119

Open
synthead opened this issue Apr 20, 2020 · 5 comments
Open

HOW-TO: Workaround for a pure black background #119

synthead opened this issue Apr 20, 2020 · 5 comments

Comments

@synthead
Copy link

synthead commented Apr 20, 2020

The README.md mentions that a background image can be applied, but changing the background color is very difficult with Wikipedia's CSS. As a workaround, you can use a base64-encoded image of a single black pixel, and ensure the "Background Image Type" is set to the default "Tiled".

Here's the base64 URL for the black background. Put this in the field for "Custom background; include url()":

url("data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=")

It's not perfect, but it is black! 😉

I thought I'd leave this issue here in case it adds any creative ideas for touching up the README or future PRs. Perhaps there is a way to generate this base64 in a JS library based off of user-supplied CSS colors? 🔥

@the-j0k3r
Copy link
Member

Thanks.

@the-j0k3r the-j0k3r changed the title Workaround for a pure black background HOW-TO: Workaround for a pure black background May 12, 2020
@MattSuda
Copy link

Something changed in the most recent updates this week. This pure black background workaround doesn't work anymore. The header, sidebar, and footer are black, but the main article area is back to the default grey. When I downgrade back to version v3.4.17 it works. So some change between v3.4.17 and v3.4.20 broke this.

@the-j0k3r
Copy link
Member

the-j0k3r commented Sep 26, 2020

So some change between v3.4.17 and v3.4.20 broke this.

Only by looking at the diffs https://github.com/StylishThemes/Wikipedia-Dark/commits/master could we tell.

Looks like it was the addition at 1fef1e4

  .mw-body[role="main"] {
    background: var(--gray-2) !important;
  }

@the-j0k3r
Copy link
Member

It was a simple fix, will merge when I have time. Meanwhile feel free to remove that and place .mw-body[role="main"] in

When I release a fix youll need to force update the style, local edits trump auto updates,

@MattSuda
Copy link

Thanks! I appreciate it

the-j0k3r added a commit that referenced this issue Oct 2, 2020
the-j0k3r added a commit that referenced this issue Oct 2, 2020
* style collapsible menu fixes #147 (the-j0k3r)
* general wiki fixes (the-j0k3r)
* fix workaround for black bg re: #119 (the-j0k3r)
@the-j0k3r the-j0k3r pinned this issue Feb 25, 2021
@the-j0k3r the-j0k3r unpinned this issue Apr 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants