diff --git a/app/src/renderer/src/views/Messages.vue b/app/src/renderer/src/views/Messages.vue
index 5403541..8c61d7a 100644
--- a/app/src/renderer/src/views/Messages.vue
+++ b/app/src/renderer/src/views/Messages.vue
@@ -112,7 +112,7 @@ function formatPayload(payload) {
 }
 
 .msg-log {
-  background: #1e1e2e;
+  background: #f5f7fa;
   border-radius: 6px;
   padding: 12px;
   height: 100%;
@@ -123,12 +123,12 @@ function formatPayload(payload) {
   font-family: monospace;
   font-size: 12px;
   line-height: 1.7;
-  color: #cdd6f4;
+  color: #333;
 }
 
 .msg-entry {
   padding: 8px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 .msg-header {
@@ -139,7 +139,7 @@ function formatPayload(payload) {
 }
 
 .msg-time {
-  color: #6c7086;
+  color: #999;
   flex-shrink: 0;
 }
 .msg-dir {
@@ -148,13 +148,13 @@ function formatPayload(payload) {
   width: 28px;
 }
 .msg-dir.pub {
-  color: #89b4fa;
+  color: #2080f0;
 }
 .msg-dir.sub {
-  color: #a6e3a1;
+  color: #18a058;
 }
 .msg-topic {
-  color: #f9e2af;
+  color: #d25a00;
   min-width: 0;
   flex: 1;
   overflow: hidden;
@@ -170,14 +170,14 @@ function formatPayload(payload) {
   margin: 6px 0 0;
   padding: 8px 10px;
   border-radius: 4px;
-  background: rgba(255, 255, 255, 0.05);
-  color: #cdd6f4;
+  background: rgba(0, 0, 0, 0.04);
+  color: #333;
   font: inherit;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
 .msg-meta {
-  color: #6c7086;
+  color: #999;
   font-size: 11px;
   flex-shrink: 0;
 }
diff --git a/app/src/renderer/src/views/Publish.vue b/app/src/renderer/src/views/Publish.vue
index 7abd3fb..c9045b1 100644
--- a/app/src/renderer/src/views/Publish.vue
+++ b/app/src/renderer/src/views/Publish.vue
@@ -285,7 +285,7 @@ async function copyTopic(topic) {
 }
 
 .msg-log {
-  background: #1e1e2e;
+  background: #f5f7fa;
   border-radius: 6px;
   padding: 12px;
   height: 100%;
@@ -295,12 +295,12 @@ async function copyTopic(topic) {
   font-family: monospace;
   font-size: 12px;
   line-height: 1.7;
-  color: #cdd6f4;
+  color: #333;
 }
 
 .msg-entry {
   padding: 8px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 .msg-header {
@@ -311,7 +311,7 @@ async function copyTopic(topic) {
 }
 
 .msg-time {
-  color: #6c7086;
+  color: #999;
   flex-shrink: 0;
 }
 .msg-dir {
@@ -320,10 +320,10 @@ async function copyTopic(topic) {
   width: 28px;
 }
 .msg-dir.pub {
-  color: #89b4fa;
+  color: #2080f0;
 }
 .msg-topic {
-  color: #f9e2af;
+  color: #d25a00;
   min-width: 0;
   flex: 1;
   overflow: hidden;
@@ -335,19 +335,18 @@ async function copyTopic(topic) {
 .msg-topic:hover {
   text-decoration: underline;
 }
-
 .msg-payload {
   margin: 6px 0 0;
   padding: 8px 10px;
   border-radius: 4px;
-  background: rgba(255, 255, 255, 0.05);
-  color: #cdd6f4;
+  background: rgba(0, 0, 0, 0.04);
+  color: #333;
   font: inherit;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
 .msg-meta {
-  color: #6c7086;
+  color: #999;
   font-size: 11px;
   flex-shrink: 0;
 }