Custom markdown styles not working?

[bpasero]

Refs: #7945

I tried to configure a custom CSS with 3 different approaches:

• relative file
• absolute file path
• URL

I do not seem to get it to work:

[sandy081]

It does not seem to work to me neither

[kieferrm]

I improved the documentation in the user settings. You can use URLs like file:///your file path or http://.... I also made a couple changes to ensure we look workspace relative if there is an open workspace.

[bpasero]

Works for me when using a local file path or absolute path, but not when using a URL like https://gist.githubusercontent.com/bpasero/5574e2cb0cd47aaf9870f956adcc7ff5/raw/bf2a775e5c71eda058b534ae37fa03b930026a60/gistfile1.css or https://raw.githubusercontent.com/sindresorhus/github-markdown-css/gh-pages/github-markdown.css

[kieferrm]

What I'm seeing is that the stylesheet is correctly added to the html page that is being displayed. When I open the dev tools inside the webview, the stylesheets don't seem to have any content. However, this only seems to be true for those gist urls. When setting http://www.krumplr.com/stylesheets/all.css as a custom stylesheet, the preview changes accordingly.

[kieferrm]

The issue is that GitHub responses with X-Frame-Options: deny. The question is 'What is a good way to help people figuring this out?'.

[bpasero]

Ah ok, sorry about that...

[wghglory]

@kieferrm @bpasero @sandy081 I figured out a way. If you paste your gist url(i.e https://gist.githubusercontent.com/wghglory/9b6e502a0c81d135e83fce87be83a18c/raw/7a9bdd06e9f2fe4a53d84900d5ac77912f939873/github-markdown.css) here: https://rawgit.com, it will generate a new url for you. You can paste that into your settings.json.

"markdown.styles": [
    // your gist url, not working
    // "https://gist.githubusercontent.com/wghglory/9b6e502a0c81d135e83fce87be83a18c/raw/7a9bdd06e9f2fe4a53d84900d5ac77912f939873/github-markdown.css"

    // use this generated new url
    "https://cdn.rawgit.com/wghglory/9b6e502a0c81d135e83fce87be83a18c/raw/7a9bdd06e9f2fe4a53d84900d5ac77912f939873/github-markdown.css"
],

[Molunerfinn]

In macOS, the file:///your file path seems not working....

[wghglory]

@Molunerfinn use file:/your path

[Molunerfinn]

@wghglory still not working....

[kieferrm]

@Molunerfinn I use the following in my settings:

"markdown.styles": [
        "/Users/kieferrm/Development/markdown.css"
    ]