From f39dcf40aa0faa6e99f2956e942de6e04f68ee9b Mon Sep 17 00:00:00 2001
From: Dicha Zelianivan Arkana <51877647+elianiva@users.noreply.github.com>
Date: Fri, 2 May 2025 01:11:39 +0700
Subject: [PATCH] refactor(chat): show inline code more subtle (#2747)

* refactor(chat): show inline code more subtle

* refactor: make inline code more readable
---
 webview-ui/src/components/common/MarkdownBlock.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/webview-ui/src/components/common/MarkdownBlock.tsx b/webview-ui/src/components/common/MarkdownBlock.tsx
index ba8eab1eb8..be7d545980 100644
--- a/webview-ui/src/components/common/MarkdownBlock.tsx
+++ b/webview-ui/src/components/common/MarkdownBlock.tsx
@@ -57,11 +57,10 @@ const remarkUrlToLink = () => {
 const StyledMarkdown = styled.div`
 	code:not(pre > code) {
 		font-family: var(--vscode-editor-font-family, monospace);
-		color: var(--vscode-textPreformat-foreground, #f78383);
-		background-color: var(--vscode-textCodeBlock-background, #1e1e1e);
+		filter: saturation(110%) brightness(95%);
+		color: var(--vscode-textPreformat-foreground) !important;
+		background-color: var(--vscode-textPreformat-background) !important;
 		padding: 0px 2px;
-		border-radius: 3px;
-		border: 1px solid var(--vscode-textSeparator-foreground, #424242);
 		white-space: pre-line;
 		word-break: break-word;
 		overflow-wrap: anywhere;