From 0b9f00346b04cd7194f3b9029e8a02d714380500 Mon Sep 17 00:00:00 2001 From: dotta Date: Sat, 21 Mar 2026 08:12:49 -0500 Subject: [PATCH] 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 Co-Authored-By: Claude Opus 4.6 --- ui/src/index.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index 2b3e6171..ea0e6e59 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -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;