diff --git a/docs/basic-usage/the-chat-interface.md b/docs/basic-usage/the-chat-interface.md
index 05e4f062..09cf7e3a 100644
--- a/docs/basic-usage/the-chat-interface.md
+++ b/docs/basic-usage/the-chat-interface.md
@@ -40,13 +40,13 @@ The chat composer, mode and API selectors, auto-approval controls, and todo-dele
 
 *The chat composer uses the current VS Code theme for its text, controls, boundaries, and focus treatment.*
 
-<img src="/img/the-chat-interface/ui-settings-light.png" alt="Zoo Code UI settings using the VS Code light theme" width="600" />
+<img src="/img/the-chat-interface/chat-composer-focus-dark.png" alt="Zoo Code chat composer with keyboard focus using the VS Code dark theme" width="600" />
 
-*UI settings use the same theme-aware controls and contrast treatment.*
+*Keyboard focus remains visible when the composer follows a dark IDE theme.*
 
-<img src="/img/the-chat-interface/the-chat-interface-1.png" alt="Chat interface components labeled with numbered callouts" width="900" />
+<img src="/img/the-chat-interface/ui-settings-light.png" alt="Zoo Code UI settings using the VS Code light theme" width="600" />
 
-*Numbered interface elements showing the key components of the Zoo Code chat interface.*
+*UI settings use the same theme-aware controls and contrast treatment.*
 
 ---
 
diff --git a/static/img/the-chat-interface/chat-composer-focus-dark.png b/static/img/the-chat-interface/chat-composer-focus-dark.png
new file mode 100644
index 00000000..4de566f7
Binary files /dev/null and b/static/img/the-chat-interface/chat-composer-focus-dark.png differ
diff --git a/static/img/the-chat-interface/the-chat-interface-1.png b/static/img/the-chat-interface/the-chat-interface-1.png
deleted file mode 100644
index 328d802d..00000000
Binary files a/static/img/the-chat-interface/the-chat-interface-1.png and /dev/null differ