Fix light-mode system logs readability and add calendar day card frames.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-10 12:42:51 +08:00
parent 944673cac1
commit dbd8764b0d
3 changed files with 46 additions and 19 deletions
+22 -11
View File
@@ -2,6 +2,9 @@
.trade-cal-wrap {
--trade-cal-wrap-bg: var(--inset-surface, rgba(0, 0, 0, 0.22));
--trade-cal-cell-bg: var(--section-surface, var(--inset-surface, rgba(0, 0, 0, 0.32)));
--trade-cal-cell-border: rgba(255, 255, 255, 0.14);
--trade-cal-cell-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
--trade-cal-cell-empty-bg: color-mix(in srgb, var(--trade-cal-cell-bg) 72%, transparent);
--trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #6366f1) 12%, var(--trade-cal-cell-bg));
--trade-cal-cell-hover-border: color-mix(in srgb, var(--accent, #6366f1) 45%, transparent);
--trade-cal-selected-border: rgba(59, 130, 246, 0.85);
@@ -26,15 +29,19 @@
.trade-cal-wrap button.trade-cal-cell {
background: var(--trade-cal-cell-bg) !important;
background-image: none !important;
border: 1px solid transparent;
padding: 4px 3px;
min-height: 68px;
border: 1px solid var(--trade-cal-cell-border);
box-shadow: var(--trade-cal-cell-shadow);
padding: 6px 4px;
min-height: 72px;
width: 100%;
box-shadow: none;
line-height: 1.15;
font-size: inherit;
text-align: center;
}
.trade-cal-wrap button.trade-cal-cell:not(.has-trade) {
background: var(--trade-cal-cell-empty-bg) !important;
cursor: default;
}
.trade-cal-wrap button.trade-cal-cell:disabled {
opacity: 1;
cursor: default;
@@ -74,13 +81,14 @@
.trade-cal-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
gap: 6px;
}
.trade-cal-cell {
min-height: 62px;
padding: 4px 3px;
min-height: 72px;
padding: 6px 4px;
border-radius: 8px;
border: 1px solid transparent;
border: 1px solid var(--trade-cal-cell-border);
box-shadow: var(--trade-cal-cell-shadow);
background: var(--trade-cal-cell-bg);
color: inherit;
font: inherit;
@@ -151,10 +159,13 @@
html[data-theme="light"] .trade-cal-wrap {
--trade-cal-wrap-bg: var(--inset-surface, #eef3f8);
--trade-cal-cell-bg: var(--section-surface, #f6f9fc);
--trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #2563eb) 10%, #f6f9fc);
--trade-cal-cell-bg: #ffffff;
--trade-cal-cell-empty-bg: #f6f9fc;
--trade-cal-cell-border: rgba(0, 75, 115, 0.18);
--trade-cal-cell-shadow: 0 1px 4px rgba(30, 60, 100, 0.08);
--trade-cal-cell-hover-bg: color-mix(in srgb, var(--accent, #2563eb) 10%, #ffffff);
--trade-cal-selected-border: rgba(37, 99, 235, 0.75);
--trade-cal-selected-bg: color-mix(in srgb, #2563eb 12%, #f6f9fc);
--trade-cal-selected-bg: color-mix(in srgb, #2563eb 12%, #ffffff);
--trade-cal-selected-shadow: rgba(37, 99, 235, 0.35);
--trade-cal-sick-tag-fg: #b91c1c;
}