frost-craft/frost-mqtt-client
1
0
Fork 0
Code Releases Activity

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

Browse Source
This commit is contained in:
Frost-ZX
2026-07-18 22:19:17 +08:00
parent 1c23b85d92
commit a62b9557ff
2 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/src/renderer/src/views/Messages.vue
View File

@@ -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;
}

19
app/src/renderer/src/views/Publish.vue
View File

@@ -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;
}