style(css): Refine argument name styling with monokai background

- Use monokai background (#272822) for both light and dark modes - Add dark mode media query for prefers-color-scheme support - Adjust padding to .325rem .6rem and border-radius to .2rem - Add width: fit-content to .argparse-argument-name - Set headerlink color to #9ca0a5 in light mode for dark background - Remove color-mix override (same background for both modes now)
tmux-python · tony · Jan 25, 2026 · Jan 25, 2026 · Jan 25, 2026 · Jan 25, 2026
commit 01162109daa63661923a6050717ea967496d13a3
diff --git a/docs/_static/css/argparse-highlight.css b/docs/_static/css/argparse-highlight.css
@@ -279,26 +279,32 @@ pre.argparse-usage {
 
 /*
  * Light mode overrides
- * Furo's default inline code background is too dark in light mode.
+ * Use monokai background (#272822) to match code blocks.
  */
 body:not([data-theme="dark"]) {
-    --color-inline-code-background: #eeeeee;
+    --color-inline-code-background: #272822;
+}
+
+/*
+ * Dark mode overrides (respects prefers-color-scheme)
+ * Use monokai background (#272822) to match code blocks.
+ */
+@media (prefers-color-scheme: dark) {
+    body:not([data-theme="light"]) {
+        --color-inline-code-background: #272822;
+    }
 }
 
 /*
  * Background styling for argument names - subtle background like code.literal
  * This provides visual weight and hierarchy for argument definitions.
- * Light mode uses a lighter tint (50% white mix) for better contrast.
  */
 .argparse-argument-name {
     background: var(--color-inline-code-background);
-    border-radius: .2em;
-    padding: .1em .3em;
+    border-radius: .2rem;
+    padding: .325rem .6rem;
     font-family: var(--font-stack--monospace);
-}
-
-body:not([data-theme="dark"]) .argparse-argument-name {
-    background: color-mix(in srgb, var(--color-inline-code-background), white 50%);
+    width: fit-content;
 }
 
 /*
@@ -321,6 +327,10 @@ body:not([data-theme="dark"]) .argparse-argument-name {
     text-decoration: none;
 }
 
+body:not([data-theme="dark"]) .argparse-argument-name .headerlink {
+    color: #9ca0a5;
+}
+
 .argparse-argument-name:hover .headerlink {
     visibility: visible;
 }