feat: expand screeners and stabilize interactive feedback

This commit is contained in:
leefer
2026-07-28 22:47:50 +08:00
parent f4b2d7152a
commit 1cc80583b3
22 changed files with 2707 additions and 509 deletions
+112 -2
View File
@@ -568,6 +568,54 @@
background: var(--action-soft);
}
:root[data-theme="dark"] #screenerView .curated-detail-pane {
background: var(--surface);
color: var(--text-primary);
}
:root[data-theme="dark"] #screenerView :is(.curated-detail-header, .curated-execution-bar) {
border-color: var(--line-soft);
}
:root[data-theme="dark"] #screenerView :is(
.curated-detail-header h3,
.mini-section-heading h4,
.curated-rule-row strong,
.curated-score-row strong,
.curated-data-status strong
) {
color: var(--text-primary);
}
:root[data-theme="dark"] #screenerView :is(
.curated-detail-header > div > span,
.curated-detail-header p,
.mini-section-heading > span,
.curated-rule-row span,
.curated-score-row > span:first-child,
.curated-data-status small
) {
color: var(--text-secondary);
}
:root[data-theme="dark"] #screenerView .curated-rule-row {
border-color: var(--line-soft);
}
:root[data-theme="dark"] #screenerView .curated-score-track {
background: var(--surface-muted);
}
:root[data-theme="dark"] #screenerView .curated-strategy-badges span {
background: var(--surface-muted);
color: var(--text-secondary);
}
:root[data-theme="dark"] #screenerView .curated-strategy-badges span:first-child {
background: var(--action-soft);
color: var(--action);
}
:root[data-theme="dark"] :is(.strategy-drawer-sidebar, .strategy-sidebar, .strategy-drawer-content) {
border-color: var(--line-soft);
background: var(--surface-muted);
@@ -1030,10 +1078,11 @@
}
:root[data-theme="dark"] #screenerView :is(
.curated-library-pane,
.curated-library-heading,
.curated-library-controls,
.curated-search,
.curated-category-filters button,
.curated-category-select select,
.curated-strategy-card,
.curated-strategy-rank,
.curated-card-tags em,
@@ -1052,7 +1101,6 @@
}
:root[data-theme="dark"] #screenerView :is(
.curated-category-filters button.active,
.curated-strategy-card.active,
.curated-card-tags em,
.curated-strategy-rank,
@@ -1061,6 +1109,30 @@
background: var(--surface-muted);
}
:root[data-theme="dark"] #screenerView .curated-strategy-card:hover {
border-color: var(--blue-line);
background: var(--surface-subtle);
}
:root[data-theme="dark"] #screenerView .curated-strategy-card.active {
border-color: var(--blue-line);
background: var(--action-soft);
}
:root[data-theme="dark"] #screenerView :is(.curated-health-grid, .curated-execution-bar) {
border-color: var(--line-soft);
background: var(--surface-muted);
}
:root[data-theme="dark"] #screenerView .curated-health-grid > div {
border-color: var(--line-soft);
}
:root[data-theme="dark"] #screenerView .curated-search input {
background: transparent;
color: var(--text-primary);
}
:root[data-theme="dark"] #screenerView :is(
.quant-rule-row select,
.quant-rule-row input,
@@ -1257,6 +1329,44 @@
color: var(--text-secondary);
}
/* High-specificity dark surfaces for workspaces with later light-theme hover rules. */
:root[data-theme="dark"] #screenerView .curated-library-heading h3 {
color: var(--text-primary);
}
:root[data-theme="dark"] #screenerView :is(.curated-view-toggle, .curated-school-filters) {
border-color: var(--border);
background: var(--surface);
color: var(--text-primary);
}
:root[data-theme="dark"] #screenerView :is(.curated-view-toggle button, .curated-school-filters button) {
color: var(--text-secondary);
}
:root[data-theme="dark"] #screenerView :is(.curated-view-toggle button, .curated-school-filters button):is(:hover, .active) {
border-color: var(--blue-line);
background: var(--action-soft);
color: var(--action);
}
:root[data-theme="dark"] #screenerView .curated-strategy-list.is-grid .curated-strategy-icon {
background: var(--action-soft);
color: var(--action);
}
:root[data-theme="dark"] #screenerView .screener-result-frame tbody tr:hover td,
:root[data-theme="dark"] #screenerView .screener-result-frame tbody tr:hover td:last-child,
:root[data-theme="dark"] #reviewWorkspaceView .data-table tbody tr:hover,
:root[data-theme="dark"] #reviewWorkspaceView .data-table tbody tr:hover td {
background: var(--action-soft) !important;
color: var(--text-primary);
}
:root[data-theme="dark"] #reviewWorkspaceView .data-table tbody td {
color: var(--text-primary);
}
/* Wentian v2 owns its complete palette in wentian-v2.css. Keeping the former
paper-theme overrides here would repaint its controls and ritual stages. */