From ed2a04d5908474340fe58ed1a508aaf5195fb86c Mon Sep 17 00:00:00 2001 From: 01zulfi <85733202+01zulfi@users.noreply.github.com> Date: Thu, 27 Nov 2025 12:05:16 +0500 Subject: [PATCH] editor: improve inline code styling (#8987) * editor: improve inline code styling Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com> * editor: remove top&bottom padding from inline code * it was cutting off a bit of text from top&bottom lines Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com> * editor: update text color of inline code Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com> * editor: adjust font size and padding of inline code --------- Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com> Co-authored-by: Abdullah Atta --- packages/editor/styles/styles.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/packages/editor/styles/styles.css b/packages/editor/styles/styles.css index cf273ff20..6d1d09d4d 100644 --- a/packages/editor/styles/styles.css +++ b/packages/editor/styles/styles.css @@ -27,10 +27,6 @@ pointer-events: none; } -.ProseMirror p code { - background-color: var(--background-secondary); -} - .ProseMirror:first-child { margin-top: 10px; } @@ -54,13 +50,14 @@ } .ProseMirror p code { - background-color: var(--background); + background-color: var(--background-secondary); border: 1px solid var(--border); + color: var(--paragraph-secondary); border-radius: 5px; - padding: 3px 5px 0px 5px; + padding: 2px 5px 2px 5px; font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace !important; - font-size: 10pt !important; + font-size: 85%; } .ProseMirror code > span {