From 78d4232fc4aaa06065fbdea10d25e806aad99ab1 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 13 Oct 2023 11:32:26 -0500
Subject: [PATCH] markdown: Present code spans without borders.

---
 web/styles/rendered_markdown.css |  4 +---
 web/styles/zulip.css             | 18 ++++++------------
 2 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css
index 2f464ecc9c..5e97ca6b83 100644
--- a/web/styles/rendered_markdown.css
+++ b/web/styles/rendered_markdown.css
@@ -704,10 +704,9 @@
         unicode-bidi: embed;
         direction: ltr;
         white-space: pre-wrap;
-        padding: 0 3px;
+        padding: 1px 2px;
         color: var(--color-markdown-code-text);
         background-color: var(--color-markdown-code-background);
-        border: 1px solid var(--color-markdown-code-border);
         border-radius: 3px;
     }
 
@@ -751,7 +750,6 @@
 
     & .rendered_markdown code {
         background-color: var(--color-markdown-code-background-mentions);
-        border-color: var(--color-markdown-code-border-mentions);
     }
 
     & .rendered_markdown pre code {
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 8684acd970..395b9e9125 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -284,19 +284,15 @@ body {
 
     /* Markdown code colors */
     --color-markdown-code-text: hsl(0deg 0% 0%);
-    --color-markdown-code-background: hsl(208deg 5% 95% / 85%);
-    --color-markdown-code-border: hsl(208deg 10% 70% / 30%);
+    --color-markdown-code-background: hsl(208deg 5% 88% / 88%);
     --color-markdown-code-background-mentions: hsl(0deg 0% 100%);
-    --color-markdown-code-border-mentions: hsl(208deg 10% 70% / 50%);
     --color-markdown-pre-text: var(--color-markdown-code-text);
     --color-markdown-pre-background: hsl(208deg 5% 97% / 85%);
-    --color-markdown-pre-border: var(--color-markdown-code-border);
+    --color-markdown-pre-border: hsl(208deg 10% 70% / 30%);
     --color-markdown-pre-background-mentions: var(
         --color-markdown-code-background-mentions
     );
-    --color-markdown-pre-border-mentions: var(
-        --color-markdown-code-border-mentions
-    );
+    --color-markdown-pre-border-mentions: hsl(208deg 10% 70% / 50%);
     --color-markdown-link: hsl(200deg 100% 40%);
     --color-markdown-code-link: var(--color-markdown-link);
     --color-markdown-link-hover: hsl(200deg 100% 25%);
@@ -590,19 +586,17 @@ body {
     /* Note that Markdown code-link colors are identical
        to light theme, and so are not redeclared here. */
     --color-markdown-code-text: hsl(0deg 0% 100% / 80%);
-    --color-markdown-code-background: hsl(0deg 0% 100% / 4%);
-    --color-markdown-code-border: hsl(0deg 0% 100% / 15%);
+    --color-markdown-code-background: hsl(0deg 0% 100% / 10%);
     --color-markdown-code-background-mentions: var(
         --color-markdown-code-background
     );
-    --color-markdown-code-border-mentions: var(--color-markdown-code-border);
     --color-markdown-pre-text: var(--color-markdown-code-text);
     --color-markdown-pre-background: var(--color-markdown-code-background);
-    --color-markdown-pre-border: var(--color-markdown-code-border);
+    --color-markdown-pre-border: hsl(0deg 0% 100% / 15%);
     --color-markdown-pre-background-mentions: var(
         --color-markdown-code-background
     );
-    --color-markdown-pre-border-mentions: var(--color-markdown-code-border);
+    --color-markdown-pre-border-mentions: var(--color-markdown-pre-border);
 
     /* Icon colors */
     --color-icon-bot: hsl(180deg 5% 50% / 100%);