mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-21 21:32:13 +01:00
fix background color on code blocks in markdown in light mode
This commit is contained in:
parent
898594f7c1
commit
19410b0024
@ -8,19 +8,6 @@
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
|
||||||
background-color: var(--markdown-bg-color);
|
|
||||||
color: var(--app-text-color);
|
|
||||||
font-family: var(--termfontfamily);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code.inline {
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
font-family: var(--termfontfamily);
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: var(--app-text-color);
|
color: var(--app-text-color);
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
@ -64,12 +51,23 @@
|
|||||||
margin: 4px 10px 4px 10px;
|
margin: 4px 10px 4px 10px;
|
||||||
padding: 6px 6px 6px 10px;
|
padding: 6px 6px 6px 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
pre.selected {
|
pre.selected {
|
||||||
outline: 2px solid var(--markdown-outline-color);
|
outline: 2px solid var(--markdown-outline-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
color: var(--app-text-color);
|
||||||
|
font-family: var(--termfontfamily);
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: var(--markdown-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: semibold;
|
font-weight: semibold;
|
||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
|
@ -24,7 +24,7 @@ function HeaderRenderer(props: any, hnum: number): any {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function CodeRenderer(props: any): any {
|
function CodeRenderer(props: any): any {
|
||||||
return <code className={cn({ inline: props.inline })}>{props.children}</code>;
|
return <code>{props.children}</code>;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mobxReact.observer
|
@mobxReact.observer
|
||||||
|
Loading…
Reference in New Issue
Block a user