refactor: govern CSS tokens and cascade

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
-46
View File
@@ -3,52 +3,6 @@
* Values and composition are transferred from the approved prototypes in
* ../界面优化. Keep later page migrations in this file until stage 19 cleanup.
*/
:root {
--r2-blue: #2563eb;
--r2-blue-dark: #1d4ed8;
--r2-blue-soft: #eff4ff;
--r2-blue-line: #c7d8fb;
--r2-up: #e04536;
--r2-up-soft: #fdecea;
--r2-down: #16a34a;
--r2-down-soft: #e9f7ee;
--r2-amber: #b45309;
--r2-amber-soft: #fdf3e3;
--r2-ink: #1f2937;
--r2-sub: #6b7280;
--r2-faint: #9ca3af;
--r2-line: #e5e7eb;
--r2-line-soft: #eef0f3;
--r2-bg: #f4f5f7;
--r2-card: #fff;
--r2-radius: 10px;
--r2-shadow: 0 1px 2px rgba(16, 24, 40, .05);
/* Dragon profile component tokens. */
--dragon-profile-list-width: 340px;
--dragon-profile-detail-min-height: 460px;
--dragon-profile-list-max-height: 320px;
--dragon-profile-row-min-height: 64px;
--dragon-profile-row-avatar-size: 36px;
--dragon-profile-avatar-size: 72px;
--dragon-profile-control-height: 33px;
--dragon-profile-gap: 12px;
--dragon-profile-panel-padding: 16px;
--dragon-profile-row-padding: 10px 12px;
--dragon-profile-title-font: 18px;
--dragon-profile-name-font: 13px;
--dragon-profile-body-font: 12px;
--dragon-profile-meta-font: 11px;
--dragon-profile-transition: 160ms ease;
--dragon-profile-border-width: 1px;
--dragon-profile-focus-width: 2px;
--dragon-profile-focus-offset: -2px;
--dragon-profile-radius-inset: 2px;
--dragon-profile-body-line-height: 1.75;
--dragon-profile-icon-stroke: 1;
--dragon-profile-weight-strong: 750;
--dragon-profile-weight-semibold: 600;
}
html,
body {
min-height: 100%;