From bc6e0b25dc67a69429e92562655b548e75858e65 Mon Sep 17 00:00:00 2001
From: Jeff Ramnani <jeff@jefframnani.com>
Date: Tue, 12 May 2026 16:26:47 -0700
Subject: [PATCH] fix(a11y): improve inline code contrast in light theme
 (#9058)

---
 ui/desktop/src/styles/main.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css
index f4f96837f9..65761549b0 100644
--- a/ui/desktop/src/styles/main.css
+++ b/ui/desktop/src/styles/main.css
@@ -183,6 +183,8 @@
   --text-inverse: var(--color-white);
   --text-danger: var(--color-red-200);
 
+  --color-inline-code: #c2410c;
+
   /* Search highlighting */
   --highlight-color: rgba(255, 213, 0, 0.5);
   --highlight-current: rgba(252, 213, 3, 0.6);
@@ -208,6 +210,8 @@
   --text-inverse: var(--color-black);
   --text-danger: var(--color-red-100);
 
+  --color-inline-code: #ff7235;
+
   /* Search highlighting */
   --highlight-color: rgba(255, 213, 0, 0.5);
   --highlight-current: rgba(252, 213, 3, 0.6);
@@ -551,12 +555,18 @@ body {
 
 .bg-inline-code {
   border-radius: 4px;
-  color: var(--color-neutral-200);
+  color: var(--color-inline-code);
+  background-color: var(--color-neutral-50);
   font-family: monospace;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
+  padding: 2px 4px;
+}
+
+.dark .bg-inline-code {
+  background-color: var(--color-neutral-900);
 }
 
 .bg-inline-code:before {
@@ -567,12 +577,6 @@ pre:has(> code.bg-inline-code) {
   padding: 1em;
 }
 
-li > code.bg-inline-code,
-p > code.bg-inline-code {
-  color: var(--color-block-orange);
-  padding: 2px 4px;
-}
-
 .bg-inline-code:after {
   content: '';
 }