diff --git a/web-client/src/styles.css b/web-client/src/styles.css
index ff382ab..e083758 100644
--- a/web-client/src/styles.css
+++ b/web-client/src/styles.css
@@ -1227,7 +1227,12 @@ tbody tr.selected-row td.action-col {
 }
 
 .task-log-list {
-  border-top: 1px solid #eef2f7;
+  --task-log-border: var(--neutral-700);
+  --task-log-text-primary: var(--neutral-100);
+  --task-log-text-secondary: var(--neutral-400);
+  --task-log-text-accent: var(--blue-200);
+
+  border-top: 1px solid var(--task-log-border);
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -1237,7 +1242,7 @@ tbody tr.selected-row td.action-col {
 }
 
 .task-log-line {
-  border-bottom: 1px solid #eef2f7;
+  border-bottom: 1px solid var(--task-log-border);
   display: grid;
   gap: 8px;
   grid-template-columns: 64px 46px minmax(0, 1fr);
@@ -1248,9 +1253,16 @@ tbody tr.selected-row td.action-col {
   border-bottom: 0;
 }
 
-.task-log-line span,
+.task-log-line span {
+  color: var(--task-log-text-secondary);
+  font-size: 10px;
+  font-weight: 800;
+  line-height: 1.4;
+  text-transform: uppercase;
+}
+
 .task-log-line strong {
-  color: #64748b;
+  color: var(--task-log-text-accent);
   font-size: 10px;
   font-weight: 800;
   line-height: 1.4;
@@ -1258,13 +1270,17 @@ tbody tr.selected-row td.action-col {
 }
 
 .task-log-line p {
-  color: #172033;
+  color: var(--task-log-text-primary);
   font-size: 11px;
   line-height: 1.45;
   margin: 0;
   overflow-wrap: anywhere;
 }
 
+.task-log-list .table-empty {
+  color: var(--task-log-text-secondary);
+}
+
 .dialog-backdrop {
   align-items: center;
   background: rgba(15, 23, 42, 0.36);