white background on any version

[shrek-gabe-itch]

• Browser: Firefox 80.0.1 release
• Windows 10 1809:
• Link to page with the issue: everywhere
• Screenshot:

[the-j0k3r]

Not able to duplicate disable all other styles, maybe even remove GHD and reinstall

[shrek-gabe-itch]

Not able to duplicate disable all other styles, maybe even remove GHD and reinstall

disabling other styles and reinstalling doesn't help, other dark styles for github I've tried behave the same except one https://userstyles.org/styles/182032/github-one-dark-theme

[the-j0k3r]

disabling other styles and reinstalling doesn't help, other dark styles for github I've tried behave the same except one https://userstyles.org/styles/182032/github-one-dark-theme

I hope you're not installing GitHub Dark from userstyles website, if you are, remove it and install from https://github.com/StylishThemes/GitHub-Dark#installation

[shrek-gabe-itch]

I hope you're not installing GitHub Dark from userstyles website, if you are, remove it and install from https://github.com/StylishThemes/GitHub-Dark#installation

this versions from github looks broken for me, I just gave an example of the theme with which everything looks fine

[the-j0k3r]

Sorry cannot duplicate, Here Stylus + GHD usercss + Firefox/Chrome on Windows works fine.

What extension are you using? Stylus? Stylish? Other?

If the answer is anything but Stylus, then this could explain your issues.

[silverwind]

Must be something interferring, try a fresh browser profile.

[Gambloide]

Steps to reproduce in Firefox (on Linux):

1. Save or copy the content of https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/master/github-dark.user.css
2. Install Stylus
3. Open Stylus
4. Click Write new style
5. Either paste the contents of github-dark.user.css or use the import button under Mozilla Format

Result: Exactly as seen in the screenshot pf @shrek-gabe-itch. Why? Some placeholders do not get correctly resolved, e.g.:

-ghd-bg-custom: /*[[bg-custom]]*/;
--ghd-bg-img: /*[[bg-choice]]*/;
--ghd-bg-color: /*[[bg-color]]*/;

Workaround

1. Install Stylus first
2. Click on https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/master/github-dark.user.css
3. (At this point Stylus should have intercepted the request and be showing a custom interface.)
4. Install the style using the install style button

[the-j0k3r]

@Gambloide the workaround is the correct way and official way to install this style, We dont suggest any other methods.

Also you need to ensure that when creating a new style in stylus Step 4, the usercss option is enabled.

if not, it may explain the issues with your main method I dont think stylus automatically detects a usercss style being pasted into a legacy CSS editor. It works just fine here FYI.

@tophf or @eight04 may know better how this works internally. Not sure if the usercss meta is parsed correctly otherwise.

[tophf]

This is the first time I see someone incorrectly pasting a usercss code into the legacy editor. Well, there are always lots of ways to shoot oneself in the leg but I agree we should show a confirmation and switch the editor accordingly or at least explain how to do it to the user. https://github.com/openstyles/stylus/issues/1080

[Gambloide]

As someone that comes from legacy extensions where this was the approach to "install" a style, I parsed the GitHub-Dark installation instructions as: (1) install extension; (2) create new style, paste css into editor, check and if required adjust scope, click apply.

1. Install Stylus for Firefox, Chrome, Opera or Cascadea for Safari.
2. Install github-dark.user.css.

I think https://github.com/openstyles/stylus/issues/1080 is a good idea catering to users new to Sylus and Usercss. Though I would suggest simply linking to https://github.com/openstyles/stylus/wiki/Usercss#how-do-i-install-usercss in the GitHub-Dark installation instructions. The documentation has all the information covering different approaches to installing Usercss.

[the-j0k3r]

As someone that comes from legacy extensions where this was the approach to "install" a style, I parsed the GitHub-Dark installation instructions as: (1) install extension; (2) create new style, paste css into editor, check and if required adjust scope, click apply.

We never recommended that method, the instructions should be clear as to click here or something like it use to be.

[the-j0k3r]

See the new install instructions https://github.com/StylishThemes/GitHub-Dark/commit/6481d41c82dfd540560853a233192b209f4fd2ed

Should resolve issue.