Fix rendering for light mode table and diagnostic sections; add guards for shiki

This commit is contained in:
Sean Burkes
2026-02-11 21:54:45 -07:00
parent 612ec6af1b
commit 67a530a83b

View File

@@ -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;