fix: contrast on code blocks

This commit is contained in:
Per Stark
2025-09-21 10:43:46 +02:00
parent fe5143cd7f
commit 9a7c57cb19
2 changed files with 26 additions and 8 deletions
+25 -7
View File
@@ -591,15 +591,27 @@
} }
.markdown-content pre { .markdown-content pre {
background-color: rgba(0, 0, 0, 0.05); background-color: var(--color-base-200);
padding: 0.5em; color: var(--color-base-content);
padding: 0.75em 1em;
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.08);
overflow-x: auto; overflow-x: auto;
} }
.markdown-content code { .markdown-content pre code {
background-color: transparent;
color: inherit;
padding: 0;
border-radius: 0;
display: block;
line-height: inherit;
}
.markdown-content :not(pre) > code {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
padding: 0.2em 0.4em; color: var(--color-base-content);
padding: 0.15em 0.4em;
border-radius: 3px; border-radius: 3px;
font-size: 0.9em; font-size: 0.9em;
} }
@@ -644,9 +656,15 @@
border-top-color: rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.2);
} }
[data-theme="dark"] .markdown-content pre, [data-theme="dark"] .markdown-content pre {
[data-theme="dark"] .markdown-content code { background-color: var(--color-base-200);
background-color: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.12);
color: var(--color-base-content);
}
[data-theme="dark"] .markdown-content :not(pre) > code {
background-color: rgba(255, 255, 255, 0.12);
color: var(--color-base-content);
} }
.brand-mark { .brand-mark {
File diff suppressed because one or more lines are too long