chore: 将“发布历史”和“消息监控”中的记录内容改为浅色风格

This commit is contained in:
2026-07-18 22:19:17 +08:00
parent 1c23b85d92
commit a62b9557ff
2 changed files with 19 additions and 20 deletions

View File

@@ -112,7 +112,7 @@ function formatPayload(payload) {
} }
.msg-log { .msg-log {
background: #1e1e2e; background: #f5f7fa;
border-radius: 6px; border-radius: 6px;
padding: 12px; padding: 12px;
height: 100%; height: 100%;
@@ -123,12 +123,12 @@ function formatPayload(payload) {
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;
line-height: 1.7; line-height: 1.7;
color: #cdd6f4; color: #333;
} }
.msg-entry { .msg-entry {
padding: 8px 0; 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 { .msg-header {
@@ -139,7 +139,7 @@ function formatPayload(payload) {
} }
.msg-time { .msg-time {
color: #6c7086; color: #999;
flex-shrink: 0; flex-shrink: 0;
} }
.msg-dir { .msg-dir {
@@ -148,13 +148,13 @@ function formatPayload(payload) {
width: 28px; width: 28px;
} }
.msg-dir.pub { .msg-dir.pub {
color: #89b4fa; color: #2080f0;
} }
.msg-dir.sub { .msg-dir.sub {
color: #a6e3a1; color: #18a058;
} }
.msg-topic { .msg-topic {
color: #f9e2af; color: #d25a00;
min-width: 0; min-width: 0;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
@@ -170,14 +170,14 @@ function formatPayload(payload) {
margin: 6px 0 0; margin: 6px 0 0;
padding: 8px 10px; padding: 8px 10px;
border-radius: 4px; border-radius: 4px;
background: rgba(255, 255, 255, 0.05); background: rgba(0, 0, 0, 0.04);
color: #cdd6f4; color: #333;
font: inherit; font: inherit;
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.msg-meta { .msg-meta {
color: #6c7086; color: #999;
font-size: 11px; font-size: 11px;
flex-shrink: 0; flex-shrink: 0;
} }

View File

@@ -285,7 +285,7 @@ async function copyTopic(topic) {
} }
.msg-log { .msg-log {
background: #1e1e2e; background: #f5f7fa;
border-radius: 6px; border-radius: 6px;
padding: 12px; padding: 12px;
height: 100%; height: 100%;
@@ -295,12 +295,12 @@ async function copyTopic(topic) {
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;
line-height: 1.7; line-height: 1.7;
color: #cdd6f4; color: #333;
} }
.msg-entry { .msg-entry {
padding: 8px 0; 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 { .msg-header {
@@ -311,7 +311,7 @@ async function copyTopic(topic) {
} }
.msg-time { .msg-time {
color: #6c7086; color: #999;
flex-shrink: 0; flex-shrink: 0;
} }
.msg-dir { .msg-dir {
@@ -320,10 +320,10 @@ async function copyTopic(topic) {
width: 28px; width: 28px;
} }
.msg-dir.pub { .msg-dir.pub {
color: #89b4fa; color: #2080f0;
} }
.msg-topic { .msg-topic {
color: #f9e2af; color: #d25a00;
min-width: 0; min-width: 0;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
@@ -335,19 +335,18 @@ async function copyTopic(topic) {
.msg-topic:hover { .msg-topic:hover {
text-decoration: underline; text-decoration: underline;
} }
.msg-payload { .msg-payload {
margin: 6px 0 0; margin: 6px 0 0;
padding: 8px 10px; padding: 8px 10px;
border-radius: 4px; border-radius: 4px;
background: rgba(255, 255, 255, 0.05); background: rgba(0, 0, 0, 0.04);
color: #cdd6f4; color: #333;
font: inherit; font: inherit;
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.msg-meta { .msg-meta {
color: #6c7086; color: #999;
font-size: 11px; font-size: 11px;
flex-shrink: 0; flex-shrink: 0;
} }