fix: updated color for inline code (#2300)

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
+              <code {...props} className={`break-all bg-inline-code whitespace-pre-wrap`}>
-                {...props}
-                className={`break-all bg-inline-code dark:bg-inline-code-dark whitespace-pre-wrap`}
-              >
                 {children}
               </code>
             );

ui/desktop/src/styles/main.css

@@ -274,9 +274,7 @@
 
   .bg-inline-code {
     border-radius: 4px;
-    color: rgb(255 119 43);
+    color: var(--grey-80);
-    background-color: var(--background-app);
-    border: 1px solid var(--border-subtle);
     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) {
+  p > code.bg-inline-code {
-    .bg-inline-code {
+    color: var(--block-orange);
-      padding: 2px 4px;
+    padding: 2px 4px;
-    }
   }
 
   .bg-inline-code:after {