diff --git a/src/multi_swarm/dashboard/nicegui_app.py b/src/multi_swarm/dashboard/nicegui_app.py
index 4661d57..fd33a0f 100644
--- a/src/multi_swarm/dashboard/nicegui_app.py
+++ b/src/multi_swarm/dashboard/nicegui_app.py
@@ -229,13 +229,23 @@ body, .q-page-container, .q-page {{
     margin-bottom: 8px !important;
 }}
 
-code, pre {{
-    background: #0F0F15 !important;
+code, pre, .nicegui-code {{
+    background: #1A1A24 !important;
     color: {COLOR_TEXT} !important;
     border: 1px solid {COLOR_BORDER};
     border-radius: 10px !important;
-    padding: 14px !important;
+    padding: 16px !important;
+    font-size: 13.5px !important;
+    line-height: 1.6 !important;
 }}
+.hljs {{ background: transparent !important; color: {COLOR_TEXT} !important; }}
+.hljs-attr, .hljs-attribute {{ color: {COLOR_SECONDARY} !important; font-weight: 500; }}
+.hljs-string {{ color: {COLOR_SUCCESS} !important; }}
+.hljs-number, .hljs-literal {{ color: {COLOR_PRIMARY} !important; font-weight: 500; }}
+.hljs-keyword, .hljs-built_in {{ color: {COLOR_ACCENT} !important; }}
+.hljs-punctuation, .hljs-meta {{ color: {COLOR_TEXT_MUTED} !important; }}
+.hljs-comment {{ color: {COLOR_TEXT_MUTED} !important; font-style: italic; }}
+.hljs-name, .hljs-title {{ color: {COLOR_PRIMARY} !important; }}
 
 .q-badge {{ border-radius: 6px !important; font-weight: 500 !important; padding: 4px 10px !important; font-size: 12px !important; }}
 </style>