Embeded gist unreadable

[leesei]

I found the following styles are applied to {% gist %} tag plugin (with default landscape theme)

.article-entry .gist {
  margin: 0 -20px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
  background: #2d2d2d;
  padding: 15px 20px 15px 0;
}

{% gist 7071963 %}

The negative margin make no space between the text and the container.
Also, the dark background make it difficult to read the text.
"misc" and "history" header in the gist is barely readable.

Is there any reason for the current .article-entry .gist sytle?

[Xuanwo]

@leesei Looks like no reason, maybe we can pull a request to fix it.

[tomap]

I just checked, and if you remove the padding -20px, then your gist has a margin with white and does not fit 100% of the width of the page.

You can change that "default value" by setting 0px here:
https://github.com/hexojs/hexo-theme-landscape/blob/master/source/css/_variables.styl#L46

As for the black background, I believe this is a choice that you can change over there:
https://github.com/hexojs/hexo-theme-landscape/blob/master/source/css/_partial/highlight.styl#L2

I did both changes locally, and here is a screenshot of the result

Obviously, you'll need to change more that that to have a readable content, but with those two pointer, you should be able to start those changes on your side

Does that answer your question?

[tomap]

Also, if you need further changes in the default theme, please head over there to post an issue: https://github.com/hexojs/hexo-theme-landscape/issues

[stevenjoezhang]

How about making the background color of .gist and .gist-meta transparent?