Add dark mode support + screenshots

Author: mythz

MyApp/_posts/2025-10-01_llms-py-ui.md

@@ -31,6 +31,15 @@ spend within the UI.
 Screenshot also shows support for new **Edit** and **Redo** features that appears after hovering over any **User** 
 message, to modify or re-run an existing prompt.
 
+### Dark Mode
+
+Support for Dark Mode which inherits the browser's dark mode preference or can be toggled
+with the **Dark Mode toggle** in the top-right of the UI.
+
+:::{.wideshot}
+[![dark-attach-image.webp](/img/posts/llms-py-ui/dark-attach-image.webp)](/img/posts/llms-py-ui/dark-attach-image.webp)
+:::
+
 ### Monthly Cost Analytics
 
 The **Cost Analytics** page provides a comprehensive overview of the usage costs for every day within a given month.
@@ -46,7 +55,7 @@ Similarly, the **Tokens Analytics** page provides a comprehensive overview of th
 given month. Clicking on a day expands it to show a detailed breakdown of the tokens that was spent per model and provider.
 
 :::{.wideshot}
-[![analytics-tokens.webp](/img/posts/llms-py-ui/analytics-tokens.webp)](/img/posts/llms-py-ui/analytics-tokens.webp)
+[![dark-analytics-tokens.webp](/img/posts/llms-py-ui/dark-analytics-tokens.webp)](/img/posts/llms-py-ui/dark-analytics-tokens.webp)
 :::
 
 ### Monthly Activity Log