diff --git a/claude_code_log/html/templates/components/message_styles.css b/claude_code_log/html/templates/components/message_styles.css
index e7a4f30d..aa739996 100644
--- a/claude_code_log/html/templates/components/message_styles.css
+++ b/claude_code_log/html/templates/components/message_styles.css
@@ -296,8 +296,7 @@
 
 /* Slash command prompts (isMeta=true, LLM-generated content) */
 .user.slash-command {
-    border-left-color: var(--user-dimmed);
-    opacity: 0.85;
+    border-left-color: var(--user-color);
 }
 
 .assistant {
@@ -388,8 +387,8 @@
 
 /* Command output styling */
 .command-output {
-    background-color: #1e1e1e11;
-    border-left-color: var(--warning-dimmed);
+    background-color: var(--highlight-light);
+    border-left-color: var(--user-color);
 }
 
 .command-output-content {
@@ -416,6 +415,10 @@
     padding: 0 1em;
 }
 
+.content pre.command-output-content {
+    padding: .5em;
+}
+
 /* Bash command styling (user-initiated, right-aligned) */
 .bash-input {
     background-color: var(--highlight-light);
@@ -737,8 +740,12 @@ pre > code {
 }
 
 .thinking-content {
-    background-color: var(--thinking-dimmed);
-    border-left: #66666688 1px solid;
+    font-style: italic;
+    font-size: 80%;
+}
+
+.thinking-content em {
+    font-style: normal;
 }
 
 .thinking-text {
diff --git a/claude_code_log/html/utils.py b/claude_code_log/html/utils.py
index 8a99edbb..72e1f903 100644
--- a/claude_code_log/html/utils.py
+++ b/claude_code_log/html/utils.py
@@ -89,7 +89,7 @@ def get_message_emoji(msg: "TemplateMessage") -> str:
             return ""
         return "🤷"
     elif msg_type == "bash-input":
-        return "🤷"
+        return "💻"
     elif msg_type == "assistant":
         if msg.modifiers.is_sidechain:
             return "🔗"
diff --git a/claude_code_log/renderer.py b/claude_code_log/renderer.py
index 8e49471b..02bf573a 100644
--- a/claude_code_log/renderer.py
+++ b/claude_code_log/renderer.py
@@ -672,7 +672,7 @@ def _process_local_command_output(
     # If parsing fails, content will be None and caller will handle fallback
 
     message_type = "user"
-    message_title = "Command output"
+    message_title = ""
     return modifiers, content, message_type, message_title
 
 
@@ -702,7 +702,7 @@ def _process_bash_output(
     # If parsing fails, content will be None - caller/renderer handles empty output
 
     message_type = "bash-output"
-    message_title = "Command output"
+    message_title = ""
     return modifiers, content, message_type, message_title
 
 
diff --git a/test/__snapshots__/test_snapshot_html.ambr b/test/__snapshots__/test_snapshot_html.ambr
index a86d0a8c..c2b71c39 100644
--- a/test/__snapshots__/test_snapshot_html.ambr
+++ b/test/__snapshots__/test_snapshot_html.ambr
@@ -2388,8 +2388,7 @@
   
   /* Slash command prompts (isMeta=true, LLM-generated content) */
   .user.slash-command {
-      border-left-color: var(--user-dimmed);
-      opacity: 0.85;
+      border-left-color: var(--user-color);
   }
   
   .assistant {
@@ -2480,8 +2479,8 @@
   
   /* Command output styling */
   .command-output {
-      background-color: #1e1e1e11;
-      border-left-color: var(--warning-dimmed);
+      background-color: var(--highlight-light);
+      border-left-color: var(--user-color);
   }
   
   .command-output-content {
@@ -2508,6 +2507,10 @@
       padding: 0 1em;
   }
   
+  .content pre.command-output-content {
+      padding: .5em;
+  }
+  
   /* Bash command styling (user-initiated, right-aligned) */
   .bash-input {
       background-color: var(--highlight-light);
@@ -2829,8 +2832,12 @@
   }
   
   .thinking-content {
-      background-color: var(--thinking-dimmed);
-      border-left: #66666688 1px solid;
+      font-style: italic;
+      font-size: 80%;
+  }
+  
+  .thinking-content em {
+      font-style: normal;
   }
   
   .thinking-text {
@@ -7182,8 +7189,7 @@
   
   /* Slash command prompts (isMeta=true, LLM-generated content) */
   .user.slash-command {
-      border-left-color: var(--user-dimmed);
-      opacity: 0.85;
+      border-left-color: var(--user-color);
   }
   
   .assistant {
@@ -7274,8 +7280,8 @@
   
   /* Command output styling */
   .command-output {
-      background-color: #1e1e1e11;
-      border-left-color: var(--warning-dimmed);
+      background-color: var(--highlight-light);
+      border-left-color: var(--user-color);
   }
   
   .command-output-content {
@@ -7302,6 +7308,10 @@
       padding: 0 1em;
   }
   
+  .content pre.command-output-content {
+      padding: .5em;
+  }
+  
   /* Bash command styling (user-initiated, right-aligned) */
   .bash-input {
       background-color: var(--highlight-light);
@@ -7623,8 +7633,12 @@
   }
   
   .thinking-content {
-      background-color: var(--thinking-dimmed);
-      border-left: #66666688 1px solid;
+      font-style: italic;
+      font-size: 80%;
+  }
+  
+  .thinking-content em {
+      font-style: normal;
   }
   
   .thinking-text {
@@ -9834,7 +9848,7 @@
       
       <div class='message user command-output pair_last session-edge_cases' data-message-id='d-6' id='msg-d-6'>
           <div class='header'>
-              <span>Command output</span>
+              <span></span>
               <div class='header-info'>
                   <div class='timestamp-row'>
                       <span class='timestamp' data-timestamp='2025-06-14T11:02:20Z'>2025-06-14 11:02:20</span>
@@ -12066,8 +12080,7 @@
   
   /* Slash command prompts (isMeta=true, LLM-generated content) */
   .user.slash-command {
-      border-left-color: var(--user-dimmed);
-      opacity: 0.85;
+      border-left-color: var(--user-color);
   }
   
   .assistant {
@@ -12158,8 +12171,8 @@
   
   /* Command output styling */
   .command-output {
-      background-color: #1e1e1e11;
-      border-left-color: var(--warning-dimmed);
+      background-color: var(--highlight-light);
+      border-left-color: var(--user-color);
   }
   
   .command-output-content {
@@ -12186,6 +12199,10 @@
       padding: 0 1em;
   }
   
+  .content pre.command-output-content {
+      padding: .5em;
+  }
+  
   /* Bash command styling (user-initiated, right-aligned) */
   .bash-input {
       background-color: var(--highlight-light);
@@ -12507,8 +12524,12 @@
   }
   
   .thinking-content {
-      background-color: var(--thinking-dimmed);
-      border-left: #66666688 1px solid;
+      font-style: italic;
+      font-size: 80%;
+  }
+  
+  .thinking-content em {
+      font-style: normal;
   }
   
   .thinking-text {
@@ -16998,8 +17019,7 @@
   
   /* Slash command prompts (isMeta=true, LLM-generated content) */
   .user.slash-command {
-      border-left-color: var(--user-dimmed);
-      opacity: 0.85;
+      border-left-color: var(--user-color);
   }
   
   .assistant {
@@ -17090,8 +17110,8 @@
   
   /* Command output styling */
   .command-output {
-      background-color: #1e1e1e11;
-      border-left-color: var(--warning-dimmed);
+      background-color: var(--highlight-light);
+      border-left-color: var(--user-color);
   }
   
   .command-output-content {
@@ -17118,6 +17138,10 @@
       padding: 0 1em;
   }
   
+  .content pre.command-output-content {
+      padding: .5em;
+  }
+  
   /* Bash command styling (user-initiated, right-aligned) */
   .bash-input {
       background-color: var(--highlight-light);
@@ -17439,8 +17463,12 @@
   }
   
   .thinking-content {
-      background-color: var(--thinking-dimmed);
-      border-left: #66666688 1px solid;
+      font-style: italic;
+      font-size: 80%;
+  }
+  
+  .thinking-content em {
+      font-style: normal;
   }
   
   .thinking-text {