feat: unify trading workspace visual system
This commit is contained in:
+22
-22
@@ -245,7 +245,7 @@
|
||||
|
||||
border-radius: var(--card-radius);
|
||||
|
||||
background: rgb(255, 255, 255);
|
||||
background: var(--surface);
|
||||
|
||||
box-shadow: var(--card-shadow);
|
||||
|
||||
@@ -313,7 +313,7 @@
|
||||
|
||||
font-size: 11px;
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -341,11 +341,11 @@
|
||||
|
||||
padding: 0px 10px;
|
||||
|
||||
border: 1px solid rgb(216, 221, 229);
|
||||
border: 1px solid var(--control-border);
|
||||
|
||||
border-radius: 7px;
|
||||
|
||||
background: rgb(255, 255, 255);
|
||||
background: var(--surface);
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
@@ -353,9 +353,9 @@
|
||||
}
|
||||
|
||||
.theme-search-v2:focus-within {
|
||||
border-color: rgb(150, 181, 242);
|
||||
border-color: var(--action);
|
||||
|
||||
box-shadow: rgba(37, 99, 235, 0.09) 0px 0px 0px 3px;
|
||||
box-shadow: 0 0 0 3px var(--focus-ring);
|
||||
}
|
||||
|
||||
.theme-search-v2 .lucide {
|
||||
@@ -417,7 +417,7 @@
|
||||
|
||||
border-radius: var(--r2-radius);
|
||||
|
||||
background: rgb(255, 255, 255);
|
||||
background: var(--surface);
|
||||
|
||||
box-shadow: var(--r2-shadow);
|
||||
}
|
||||
@@ -451,7 +451,7 @@
|
||||
|
||||
font-size: 19px;
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
@@ -549,13 +549,13 @@
|
||||
|
||||
border-radius: 5px;
|
||||
|
||||
background: rgb(243, 244, 246);
|
||||
background: var(--surface-muted);
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
font-size: 10.5px;
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
.theme-directory-labels-v2 {
|
||||
@@ -571,7 +571,7 @@
|
||||
|
||||
border-bottom: 1px solid var(--r2-line-soft);
|
||||
|
||||
background: rgb(250, 251, 252);
|
||||
background: var(--surface-subtle);
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
@@ -651,7 +651,7 @@
|
||||
}
|
||||
|
||||
.theme-directory-item-v2:hover {
|
||||
background: rgb(247, 249, 252);
|
||||
background: var(--surface-hover);
|
||||
}
|
||||
|
||||
.theme-directory-item-v2.active {
|
||||
@@ -685,7 +685,7 @@
|
||||
.theme-directory-item-v2:nth-child(-n+3) .theme-rank-v2 {
|
||||
color: var(--r2-amber);
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
|
||||
.theme-directory-copy-v2 {
|
||||
@@ -703,7 +703,7 @@
|
||||
|
||||
font-size: 13px;
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -848,7 +848,7 @@
|
||||
|
||||
font-size: 18px;
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -862,7 +862,7 @@
|
||||
|
||||
border-radius: 4px;
|
||||
|
||||
background: rgb(243, 244, 246);
|
||||
background: var(--surface-muted);
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
@@ -888,7 +888,7 @@
|
||||
.theme-change-v2 strong {
|
||||
font-size: 22px;
|
||||
|
||||
font-weight: 750;
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
@@ -902,7 +902,7 @@
|
||||
|
||||
border-bottom: 1px solid var(--r2-line-soft);
|
||||
|
||||
background: rgb(252, 252, 253);
|
||||
background: var(--table-header);
|
||||
}
|
||||
|
||||
.theme-detail-metrics-v2 > div {
|
||||
@@ -1034,7 +1034,7 @@
|
||||
|
||||
border-bottom-color: var(--r2-line);
|
||||
|
||||
background: rgb(250, 251, 252);
|
||||
background: var(--surface-subtle);
|
||||
|
||||
color: var(--r2-sub);
|
||||
|
||||
@@ -1054,17 +1054,17 @@
|
||||
}
|
||||
|
||||
.theme-members-table-v2 tbody tr:hover {
|
||||
background: rgb(247, 249, 252);
|
||||
background: var(--table-hover);
|
||||
}
|
||||
|
||||
.theme-members-table-v2 .stock-name {
|
||||
color: var(--r2-ink);
|
||||
|
||||
font-weight: 650;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
.theme-members-table-v2 .stock-code {
|
||||
color: rgb(64, 85, 115);
|
||||
color: var(--action);
|
||||
}
|
||||
|
||||
@media (min-width: 1181px) {
|
||||
|
||||
Reference in New Issue
Block a user