hexo-theme-landscape
hexo-theme-landscape copied to clipboard
Embeded gist unreadable
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?
@leesei Looks like no reason, maybe we can pull a request to fix it.
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?
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
How about making the background color of .gist
and .gist-meta
transparent?