Improve code block styling

This commit is contained in:
Sodbileg Gansukh 2021-04-01 12:58:41 +08:00
parent 85cd131cf1
commit b0e21fe0f7
3 changed files with 12 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -978,7 +978,6 @@ is the very first element in the post content */
.gh-content pre {
overflow: auto;
padding: 16px 20px;
border: 1px solid color-mod(var(--color-darkgrey) l(-20%));
color: var(--color-wash);
font-size: 1.4rem;
line-height: 1.5em;
@ -1827,6 +1826,16 @@ html.dark-mode .gh-content h6 {
color: rgba(255, 255, 255, 0.9);
}
html.dark-mode .gh-content pre {
background: color-mod(var(--color-darkgrey) l(-8%));
}
html.dark-mode .gh-content :not(pre) > code {
background: color-mod(var(--color-darkgrey) l(+6%));
border-color: color-mod(var(--color-darkmode) l(+8%));
color: var(--color-wash);
}
html.dark-mode .post-full-content a {
color: #fff;
box-shadow: inset 0 -1px 0 #fff;