Increase monospace font size and add dark mode background for inline code

Bump monospace font-size from 0.78em to 1.1em across all markdown
contexts (editor, code blocks, inline code). Add subtle gray
background (#ffffff0f) for inline code in dark mode.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
dotta 2026-03-21 08:12:49 -05:00
parent ef0846e723
commit 0b9f00346b

View file

@ -415,7 +415,7 @@
.paperclip-mdxeditor-content code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.78em;
font-size: 1.1em;
}
.paperclip-mdxeditor-content pre {
@ -433,7 +433,7 @@
.paperclip-mdxeditor .cm-editor {
background-color: #1e1e2e !important;
color: #cdd6f4 !important;
font-size: 0.78em;
font-size: 1.1em;
}
.paperclip-mdxeditor .cm-gutters {
@ -513,14 +513,14 @@
color: #cdd6f4 !important;
padding: 0.5rem 0.65rem !important;
margin: 0.4rem 0 !important;
font-size: 0.78em !important;
font-size: 1.1em !important;
overflow-x: auto;
white-space: pre;
}
.paperclip-markdown code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.78em;
font-size: 1.1em;
}
.paperclip-markdown pre code {
@ -543,6 +543,10 @@
font-weight: 500;
}
.dark .prose :not(pre) > code {
background-color: #ffffff0f;
}
.paperclip-markdown {
color: var(--foreground);
font-size: 0.9375rem;