feat: apply B-147 visual tokens to screener, review and account surfaces
Unify intelligent screener, review workspace, and account/admin chrome with shared tokens, table density, and left-aligned first columns. Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
co-authored by
Cursor
multica-agent
Cursor
multica-agent
parent
ee37223722
commit
22d4dcd339
+92
-87
@@ -242,7 +242,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
border-radius: 10px;
|
||||
|
||||
box-shadow: var(--shadow-xs);
|
||||
box-shadow: var(--shadow-card);
|
||||
|
||||
min-height: 0px !important;
|
||||
}
|
||||
@@ -276,15 +276,15 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
.watchlist-section .data-table thead th {
|
||||
height: 32px;
|
||||
height: 36px;
|
||||
|
||||
padding: 6px 12px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.watchlist-section .data-table tbody td {
|
||||
height: 44px;
|
||||
height: 40px;
|
||||
|
||||
padding: 7px 12px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.trade-journal-section .trade-log-summary:empty {
|
||||
@@ -384,7 +384,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-history-toggle {
|
||||
min-height: 30px;
|
||||
min-height: 32px;
|
||||
|
||||
display: inline-flex;
|
||||
|
||||
@@ -398,13 +398,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
border: 1px solid var(--review-line);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--surface);
|
||||
|
||||
color: rgb(55, 65, 81);
|
||||
color: var(--text-secondary);
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: var(--font-size-label);
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -469,7 +469,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
background: var(--surface);
|
||||
|
||||
box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px;
|
||||
box-shadow: var(--shadow-card);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-card-heading > div {
|
||||
@@ -515,9 +515,9 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .data-table thead th {
|
||||
height: 32px;
|
||||
height: 36px;
|
||||
|
||||
padding: 6px 12px;
|
||||
padding: 0 12px;
|
||||
|
||||
border-bottom: 1px solid var(--review-line-soft);
|
||||
|
||||
@@ -525,21 +525,21 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
color: var(--review-faint);
|
||||
|
||||
font-size: 10.5px;
|
||||
font-size: var(--font-size-caption);
|
||||
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .data-table tbody td {
|
||||
height: 48px;
|
||||
height: 40px;
|
||||
|
||||
padding: 7px 12px;
|
||||
padding: 0 12px;
|
||||
|
||||
border-bottom: 1px solid var(--review-line-soft);
|
||||
|
||||
color: rgb(55, 65, 81);
|
||||
color: var(--text-primary);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .data-table tbody tr:last-child td {
|
||||
@@ -559,17 +559,17 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
#reviewWorkspaceView .stock-cell strong {
|
||||
color: var(--review-ink);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-table);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .stock-cell small {
|
||||
color: var(--review-faint);
|
||||
|
||||
font-size: 10px;
|
||||
font-size: var(--font-size-aux);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-watch-mark {
|
||||
color: rgb(209, 213, 219);
|
||||
color: var(--text-tertiary);
|
||||
|
||||
font-size: 15px;
|
||||
|
||||
@@ -577,7 +577,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-watch-mark.red {
|
||||
color: rgb(224, 69, 54);
|
||||
color: var(--market-up);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-row-actions {
|
||||
@@ -601,19 +601,19 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .table-action {
|
||||
min-height: 25px;
|
||||
min-height: 32px;
|
||||
|
||||
padding: 0px 6px;
|
||||
|
||||
border: 0px;
|
||||
|
||||
border-radius: 5px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: transparent;
|
||||
|
||||
color: var(--review-blue);
|
||||
|
||||
font-size: 10.5px;
|
||||
font-size: var(--font-size-label);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .table-action:hover {
|
||||
@@ -621,13 +621,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .table-action.down {
|
||||
color: rgb(139, 146, 158);
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .table-action.down:hover {
|
||||
background: var(--surface-hover);
|
||||
|
||||
color: rgb(209, 67, 67);
|
||||
color: var(--market-up);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-log-table-frame .empty-state {
|
||||
@@ -667,7 +667,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-log-heading .button {
|
||||
min-height: 29px;
|
||||
min-height: 32px;
|
||||
|
||||
display: inline-flex;
|
||||
|
||||
@@ -679,13 +679,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
padding: 0px 10px;
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--review-blue);
|
||||
|
||||
color: var(--text-inverse);
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: var(--font-size-label);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-log-heading .button:hover {
|
||||
@@ -831,35 +831,35 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-action-add {
|
||||
border-color: rgb(241, 196, 192);
|
||||
border-color: var(--market-up);
|
||||
|
||||
background: rgb(253, 236, 234);
|
||||
background: var(--market-up-soft);
|
||||
|
||||
color: rgb(214, 62, 50);
|
||||
color: var(--market-up);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-action-buy {
|
||||
border-color: rgb(241, 196, 192);
|
||||
border-color: var(--market-up);
|
||||
|
||||
background: rgb(253, 236, 234);
|
||||
background: var(--market-up-soft);
|
||||
|
||||
color: rgb(214, 62, 50);
|
||||
color: var(--market-up);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-action-sell {
|
||||
border-color: rgb(188, 225, 202);
|
||||
border-color: var(--market-down);
|
||||
|
||||
background: rgb(234, 247, 239);
|
||||
background: var(--market-down-soft);
|
||||
|
||||
color: rgb(22, 139, 67);
|
||||
color: var(--market-down);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-action-trim {
|
||||
border-color: rgb(188, 225, 202);
|
||||
border-color: var(--market-down);
|
||||
|
||||
background: rgb(234, 247, 239);
|
||||
background: var(--market-down-soft);
|
||||
|
||||
color: rgb(22, 139, 67);
|
||||
color: var(--market-down);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-tags {
|
||||
@@ -879,7 +879,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
background: var(--review-blue-soft);
|
||||
|
||||
color: rgb(82, 112, 167);
|
||||
color: var(--action);
|
||||
|
||||
font-size: 8.5px;
|
||||
}
|
||||
@@ -899,7 +899,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
color: rgb(75, 85, 99);
|
||||
color: var(--text-secondary);
|
||||
|
||||
font-size: 10.5px;
|
||||
|
||||
@@ -989,7 +989,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .journal-form .button {
|
||||
min-height: 34px;
|
||||
min-height: 32px;
|
||||
|
||||
display: inline-flex;
|
||||
|
||||
@@ -1001,13 +1001,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
padding: 0px 14px;
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--review-blue);
|
||||
|
||||
color: var(--text-inverse);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-label);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .journal-form .button:hover {
|
||||
@@ -1247,9 +1247,9 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
color: var(--review-ink);
|
||||
|
||||
font-size: 19px;
|
||||
font-size: var(--font-size-page-title);
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-page-title .section-subtitle {
|
||||
@@ -1261,7 +1261,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-caption);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-card-heading {
|
||||
@@ -1285,13 +1285,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
color: var(--review-ink);
|
||||
|
||||
font-size: 14.5px;
|
||||
font-size: var(--font-size-card-title);
|
||||
|
||||
font-weight: 720;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-add-watch {
|
||||
min-height: 29px;
|
||||
min-height: 32px;
|
||||
|
||||
display: inline-flex;
|
||||
|
||||
@@ -1303,23 +1303,23 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
padding: 0px 10px;
|
||||
|
||||
border: 1px solid rgb(185, 205, 248);
|
||||
border: 1px solid var(--color-action-line);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: rgb(245, 248, 255);
|
||||
background: var(--action-soft);
|
||||
|
||||
color: var(--review-blue);
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: var(--font-size-label);
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-add-watch:hover {
|
||||
border-color: rgb(142, 176, 244);
|
||||
border-color: var(--action);
|
||||
|
||||
background: rgb(234, 241, 255);
|
||||
background: var(--selected);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-add-watch .lucide {
|
||||
@@ -1374,17 +1374,17 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-watchlist-table .stock-cell strong {
|
||||
font-size: 12.5px;
|
||||
font-size: var(--font-size-table);
|
||||
|
||||
font-weight: 680;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .review-watchlist-table .stock-cell small {
|
||||
font-size: 10.5px;
|
||||
font-size: var(--font-size-aux);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .watch-attention-score {
|
||||
color: rgb(63, 75, 94);
|
||||
color: var(--text-primary);
|
||||
|
||||
font-size: 12px;
|
||||
|
||||
@@ -1452,11 +1452,11 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
#reviewWorkspaceView .journal-summary-field input:focus {
|
||||
border-color: var(--review-blue-line);
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.08) 0px 0px 0px 2px;
|
||||
box-shadow: 0 0 0 2px var(--focus-ring);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .journal-summary-field input::placeholder {
|
||||
color: rgb(166, 173, 183);
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .journal-form textarea {
|
||||
@@ -1543,7 +1543,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
.watchlist-editor-form .form-field > label,
|
||||
.watchlist-editor-form .form-field > span {
|
||||
color: rgb(55, 65, 81);
|
||||
color: var(--text-secondary);
|
||||
|
||||
font-size: 12px;
|
||||
|
||||
@@ -1561,7 +1561,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
padding: 0px 11px;
|
||||
|
||||
border: 1px solid rgb(223, 227, 232);
|
||||
border: 1px solid var(--border-strong);
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -1569,9 +1569,9 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
.watchlist-search-control:focus-within {
|
||||
border-color: rgb(184, 202, 244);
|
||||
border-color: var(--color-action-line);
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.07) 0px 0px 0px 3px;
|
||||
box-shadow: 0 0 0 3px var(--focus-ring);
|
||||
}
|
||||
|
||||
.watchlist-search-control .lucide {
|
||||
@@ -1579,7 +1579,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
height: 15px;
|
||||
|
||||
color: rgb(154, 163, 176);
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
.watchlist-search-control input {
|
||||
@@ -1591,7 +1591,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
outline: 0px;
|
||||
|
||||
color: rgb(31, 41, 55);
|
||||
color: var(--text-primary);
|
||||
|
||||
font-style: inherit;
|
||||
|
||||
@@ -1645,13 +1645,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
border-style: none none solid;
|
||||
|
||||
border-color: currentcolor currentcolor rgb(238, 240, 243);
|
||||
border-color: currentcolor currentcolor var(--border);
|
||||
|
||||
border-image: none;
|
||||
|
||||
background: var(--surface);
|
||||
|
||||
color: rgb(31, 41, 55);
|
||||
color: var(--text-primary);
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
@@ -1673,7 +1673,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
.watchlist-search-results button small {
|
||||
color: rgb(139, 148, 161);
|
||||
color: var(--text-tertiary);
|
||||
|
||||
font-size: 10.5px;
|
||||
}
|
||||
@@ -1681,7 +1681,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
.watchlist-search-results button > b {
|
||||
margin-left: auto;
|
||||
|
||||
color: rgb(105, 115, 134);
|
||||
color: var(--text-secondary);
|
||||
|
||||
font-size: 11px;
|
||||
|
||||
@@ -1691,7 +1691,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
.watchlist-search-status {
|
||||
padding: 14px 10px;
|
||||
|
||||
color: rgb(139, 148, 161);
|
||||
color: var(--text-tertiary);
|
||||
|
||||
font-size: 11.5px;
|
||||
|
||||
@@ -1709,7 +1709,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
padding: 10px 12px;
|
||||
|
||||
border: 1px solid rgb(220, 229, 247);
|
||||
border: 1px solid var(--action-soft);
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -1733,9 +1733,9 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
border-radius: 7px;
|
||||
|
||||
background: rgb(232, 239, 255);
|
||||
background: var(--action-soft);
|
||||
|
||||
color: rgb(37, 99, 235);
|
||||
color: var(--action);
|
||||
}
|
||||
|
||||
.watchlist-selection-icon .lucide {
|
||||
@@ -1753,7 +1753,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
.watchlist-selection strong {
|
||||
color: rgb(31, 41, 55);
|
||||
color: var(--text-primary);
|
||||
|
||||
font-size: 13.5px;
|
||||
}
|
||||
@@ -1763,13 +1763,13 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
gap: 8px;
|
||||
|
||||
color: rgb(123, 132, 145);
|
||||
color: var(--text-tertiary);
|
||||
|
||||
font-size: 10.5px;
|
||||
}
|
||||
|
||||
.watchlist-selection span b {
|
||||
color: rgb(82, 96, 113);
|
||||
color: var(--text-secondary);
|
||||
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -1791,7 +1791,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
resize: vertical;
|
||||
|
||||
border: 1px solid rgb(223, 227, 232);
|
||||
border: 1px solid var(--border-strong);
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -1825,9 +1825,9 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
}
|
||||
|
||||
.watchlist-editor-form textarea:focus {
|
||||
border-color: rgb(184, 202, 244);
|
||||
border-color: var(--color-action-line);
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.07) 0px 0px 0px 3px;
|
||||
box-shadow: 0 0 0 3px var(--focus-ring);
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .trade-log-table th:nth-child(1) {
|
||||
@@ -1873,7 +1873,7 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
|
||||
font-size: 12px;
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
min-height: 0px;
|
||||
|
||||
@@ -2201,3 +2201,8 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#reviewWorkspaceView .data-table thead th:first-child,
|
||||
#reviewWorkspaceView .data-table tbody td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user