Fix rendering for light mode table and diagnostic sections; add guards for shiki
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
@import "github-markdown-css/github-markdown-dark.css";
|
||||
@import "github-markdown-css/github-markdown-light.css" layer(github-markdown-base);
|
||||
|
||||
@layer components {
|
||||
.markdown-body {
|
||||
@@ -108,7 +108,7 @@
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.markdown-body pre {
|
||||
.markdown-body pre:not(.shiki) {
|
||||
font-family: var(--font-family-mono);
|
||||
font-size: var(--font-size-sm);
|
||||
line-height: var(--line-height-normal);
|
||||
@@ -120,8 +120,8 @@
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.markdown-body pre code,
|
||||
.markdown-code-block pre code {
|
||||
.markdown-body pre:not(.shiki) code,
|
||||
.markdown-code-block pre:not(.shiki) code {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
@@ -174,12 +174,18 @@
|
||||
border: 1px solid var(--border-base);
|
||||
padding: 0.5rem 0.75rem;
|
||||
text-align: left;
|
||||
color: var(--text-primary);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.markdown-body th {
|
||||
background-color: var(--surface-secondary);
|
||||
}
|
||||
|
||||
.markdown-body tbody tr:nth-child(2n) {
|
||||
background-color: var(--surface-muted);
|
||||
}
|
||||
|
||||
.markdown-code-block {
|
||||
position: relative;
|
||||
margin: 10px 0;
|
||||
|
||||
Reference in New Issue
Block a user