leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: govern CSS tokens and cascade

Browse Source
This commit is contained in:
leefer
2026-07-29 21:56:39 +08:00
parent 8d617cfa17
commit ed2b47fe90
11 changed files with 551 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
-84
View File
@@ -1,47 +1,3 @@
:root {
color-scheme: light;
--canvas: #f5f6f8;
--surface: #ffffff;
--surface-muted: #f8f9fb;
--border: #e1e6eb;
--border-strong: #c7d0d9;
--text-primary: #171a1f;
--text-secondary: #626c78;
--action: #1d65c1;
--action-hover: #164f99;
--action-soft: #eaf2fc;
--market-up: #c93f45;
--market-up-soft: #fcecee;
--market-down: #087a55;
--market-down-soft: #e8f6f0;
--warning-color: #a76500;
--warning-soft: #fff4df;
--bg: var(--canvas);
--line: var(--border);
--line-strong: var(--border-strong);
--text: var(--text-primary);
--text-muted: var(--text-secondary);
--blue: var(--action);
--blue-dark: var(--action-hover);
--blue-soft: var(--action-soft);
--coral: var(--market-up);
--coral-soft: var(--market-up-soft);
--green: var(--market-down);
--green-soft: var(--market-down-soft);
--amber: var(--warning-color);
--amber-soft: var(--warning-soft);
--shadow: 0 14px 36px rgba(24, 34, 45, 0.14);
--shadow-soft: 0 2px 8px rgba(24, 34, 45, 0.055);
--motion-instant: 100ms;
--motion-fast: 140ms;
--motion-medium: 200ms;
--motion-deliberate: 260ms;
--motion-slow: 560ms;
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
font-size: 14px;
}
/* Strategy library and quantitative screener */
.screener-mode-tabs {
min-height: 48px;
@@ -13844,46 +13800,6 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
#screenerView .screener-result-frame tbody tr td { transition: none; }
}
/* Unified visual system 2026-07 */
:root {
--canvas: #f1f4f6;
--surface: #ffffff;
--surface-muted: #f6f8fa;
--surface-subtle: #fafbfc;
--border: #dfe4e9;
--border-strong: #cbd3dc;
--text-primary: #17202a;
--text-secondary: #607080;
--text-tertiary: #8995a2;
--action: #1769c2;
--action-hover: #10569f;
--action-soft: #eaf2fb;
--market-up: #d33f49;
--market-up-soft: #fff0f1;
--market-down: #07805b;
--market-down-soft: #eaf7f2;
--warning-color: #aa6800;
--warning-soft: #fff6e5;
--bg: var(--canvas);
--line: var(--border);
--line-strong: var(--border-strong);
--text: var(--text-primary);
--text-muted: var(--text-secondary);
--blue: var(--action);
--blue-dark: var(--action-hover);
--blue-soft: var(--action-soft);
--coral: var(--market-up);
--coral-soft: var(--market-up-soft);
--green: var(--market-down);
--green-soft: var(--market-down-soft);
--amber: var(--warning-color);
--amber-soft: var(--warning-soft);
--shadow-soft: 0 1px 2px rgba(22, 34, 46, .04), 0 5px 18px rgba(22, 34, 46, .035);
--shadow: 0 18px 50px rgba(22, 34, 46, .18);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
font-size: 14px;
}
html,
body {
background: var(--canvas);