fix(instance): light-theme journal AI buttons and mood checkboxes

Fix secondary button contrast, exclude checkboxes from dark input fill, style mood-grid; bump theme assets to v4.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-04 13:12:44 +08:00
parent 21b3e97571
commit 3b4120a36e
20 changed files with 86 additions and 45 deletions
+38 -1
View File
@@ -49,7 +49,7 @@ html[data-theme="light"] .card h2 {
color: #142232 !important;
}
html[data-theme="light"] input,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea {
background: #f6f9fc !important;
@@ -57,6 +57,43 @@ html[data-theme="light"] textarea {
border-color: #b8c8d8 !important;
}
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] {
accent-color: #007aa8;
background: transparent !important;
border: none !important;
width: 1rem;
height: 1rem;
cursor: pointer;
}
html[data-theme="light"] .mood-grid {
color: #1a2838 !important;
}
html[data-theme="light"] .mood-grid label {
color: #1a2838 !important;
}
/* 复盘区次要按钮(内联 #1f3a5a):浅底深字,避免白字看不见 */
html[data-theme="light"] .journal-card .form-row button[type="button"],
html[data-theme="light"] .review-card .form-row button[type="button"][onclick*="export"],
html[data-theme="light"] .review-card-fs-btn,
html[data-theme="light"] .ai-result-toolbar .btn-fs {
background: #e8eef5 !important;
background-image: none !important;
color: #006e9a !important;
border: 1px solid rgba(0, 95, 140, 0.28) !important;
}
html[data-theme="light"] .journal-card button[type="submit"],
html[data-theme="light"] .review-card .form-row button[onclick="genDaily()"],
html[data-theme="light"] .review-card .form-row button[onclick="genWeekly()"] {
background: linear-gradient(90deg, #007aa8, #5b4fc7) !important;
color: #fff !important;
border: none !important;
}
html[data-theme="light"] .flash {
background: rgba(0, 110, 154, 0.1) !important;
color: #006e9a !important;
+4
View File
@@ -117,10 +117,14 @@
function remapInlineStyle(style, theme) {
if (!style) return style;
if (theme !== "light") return style;
const hadSecondaryBtnBg = /#1f3a5a/i.test(style);
let out = style;
for (const [from, to] of Object.entries(INLINE_HEX_LIGHT)) {
out = out.replace(new RegExp(from.replace("#", "\\#"), "gi"), to);
}
if (hadSecondaryBtnBg && !/color\s*:/i.test(style)) {
out = `${out.replace(/;+\s*$/, "")};color:#006e9a`;
}
return out;
}