Improve code block styling
This commit is contained in:
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
|
@ -978,7 +978,6 @@ is the very first element in the post content */
|
||||||
.gh-content pre {
|
.gh-content pre {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 16px 20px;
|
padding: 16px 20px;
|
||||||
border: 1px solid color-mod(var(--color-darkgrey) l(-20%));
|
|
||||||
color: var(--color-wash);
|
color: var(--color-wash);
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
@ -1827,6 +1826,16 @@ html.dark-mode .gh-content h6 {
|
||||||
color: rgba(255, 255, 255, 0.9);
|
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 {
|
html.dark-mode .post-full-content a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
box-shadow: inset 0 -1px 0 #fff;
|
box-shadow: inset 0 -1px 0 #fff;
|
||||||
|
|
Loading…
Reference in a new issue