From fca77fefef65b1d372c8f808e34bc4c651f1a484 Mon Sep 17 00:00:00 2001
From: Zane <75694352+zanesq@users.noreply.github.com>
Date: Tue, 22 Apr 2025 10:42:55 -0700
Subject: [PATCH] fix: updated color for inline code (#2300)

---
 ui/desktop/src/components/MarkdownContent.tsx |  5 +----
 ui/desktop/src/styles/main.css                | 12 +++++-------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/ui/desktop/src/components/MarkdownContent.tsx b/ui/desktop/src/components/MarkdownContent.tsx
index ca7fe384..67f3d20e 100644
--- a/ui/desktop/src/components/MarkdownContent.tsx
+++ b/ui/desktop/src/components/MarkdownContent.tsx
@@ -103,10 +103,7 @@ export default function MarkdownContent({ content, className = '' }: MarkdownCon
             return inlinecode == 'false' && match ? (
               <CodeBlock language={match[1]}>{String(children).replace(/\n$/, '')}</CodeBlock>
             ) : (
-              <code
-                {...props}
-                className={`break-all bg-inline-code dark:bg-inline-code-dark whitespace-pre-wrap`}
-              >
+              <code {...props} className={`break-all bg-inline-code whitespace-pre-wrap`}>
                 {children}
               </code>
             );
diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css
index 7e8b350a..75235823 100644
--- a/ui/desktop/src/styles/main.css
+++ b/ui/desktop/src/styles/main.css
@@ -274,9 +274,7 @@
 
   .bg-inline-code {
     border-radius: 4px;
-    color: rgb(255 119 43);
-    background-color: var(--background-app);
-    border: 1px solid var(--border-subtle);
+    color: var(--grey-80);
     font-family: 'Cash Sans Mono', monospace;
     font-size: 12px;
     font-style: normal;
@@ -287,14 +285,14 @@
   .bg-inline-code:before {
     content: '';
   }
+
   pre:has(> code.bg-inline-code) {
     padding: 1em;
   }
 
-  *:has(> code.bg-inline-code) {
-    .bg-inline-code {
-      padding: 2px 4px;
-    }
+  p > code.bg-inline-code {
+    color: var(--block-orange);
+    padding: 2px 4px;
   }
 
   .bg-inline-code:after {