Use different class to exclude code blocks from highlighting

pkg/hicli/html.go

@@ -560,6 +560,8 @@ Loop:
 				} else {
 					writeSpan(&built, token.Attr)
 				}
+			case atom.Code:
+				built.WriteString(`<code class="hicli-inline-code"`)
 			default:
 				built.WriteByte('<')
 				built.WriteString(token.Data)

pkg/hicli/sync.go

@@ -431,7 +431,7 @@ func (h *HiClient) calculateLocalContent(ctx context.Context, dbEvt *database.Ev
 	return nil, nil
 }
 
-const CurrentHTMLSanitizerVersion = 7
+const CurrentHTMLSanitizerVersion = 8
 
 func (h *HiClient) ReprocessExistingEvent(ctx context.Context, evt *database.Event) {
 	if (evt.Type != event.EventMessage.Type && evt.DecryptedType != event.EventMessage.Type) ||

web/src/index.css

@@ -11,7 +11,7 @@
 	--link-text-color: #0467dd;
 	--visited-link-text-color: var(--link-text-color);
 
-	--code-background-color: rgba(0, 0, 0, 0.2);
+	--code-background-color: rgba(0, 0, 0, 0.15);
 
 	--primary-color: #00c853;
 	--primary-color-dark: #00b24a;

web/src/ui/timeline/content/index.css

@@ -142,10 +142,10 @@ div.html-body {
 		}
 	}
 
-	code {
+	code.hicli-inline-code {
 		background-color: var(--code-background-color);
-		border-radius: 4px;
-		padding: 2px 0.5em;
+		border-radius: .25rem;
+		padding: .125rem .25rem;
 	}
 
 	h1, h2, h3, h4, h5, h6 {