From b6748825e6dd91b8ee8a260f131b0cc54645cc81 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 27 Sep 2026 15:19:27 +0800
Subject: [PATCH] style: give inline code in intros a chip appearance

Inline code in category intros and guides inherited the body font with no background, so identifiers like INSTALLED_APPS read as ordinary words.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/website/static/style.css b/website/static/style.css
index 12ff6cdf..4ada7574 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -535,7 +535,12 @@ kbd {
 
 .category-intro code,
 .guide-body code {
+  font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
   font-size: 0.9em;
+  padding: 0.08rem 0.4rem;
+  border-radius: 0.4rem;
+  background: var(--hero-line);
+  color: var(--hero-text);
 }
 
 .jump-links {