AI TradeDesign System

设计目录

颜色

语义先于色值。主题和涨跌方向是两个独立维度。

上方切换日夜主题与 CN / US 配色，查看当前计算值。涨跌色仅表达市场方向；成功反馈使用中性色与勾选图标。

背景

--ait-bg-canvasCSS variable

--ait-bg-surfaceCSS variable

--ait-bg-subtleCSS variable

--ait-bg-mutedCSS variable

--ait-bg-selectedCSS variable

文字与描边

--ait-text-primaryCSS variable

--ait-text-secondaryCSS variable

--ait-text-tertiaryCSS variable

--ait-text-inverseCSS variable

--ait-border-defaultCSS variable

--ait-border-hairCSS variable

--ait-border-strongCSS variable

品牌与 AI

--ait-ai-textCSS variable

--ait-ai-text-hoverCSS variable

--ait-ai-bgCSS variable

--ait-ai-bg-softCSS variable

--ait-ai-bg-hoverCSS variable

--ait-ai-borderCSS variable

--ait-ai-border-softCSS variable

--ait-ai-ringCSS variable

金融方向

--ait-market-up-textCSS variable

--ait-market-up-bgCSS variable

--ait-market-up-fillCSS variable

--ait-market-up-fill-2CSS variable

--ait-market-down-textCSS variable

--ait-market-down-bgCSS variable

--ait-market-down-fillCSS variable

--ait-market-down-fill-2CSS variable

--ait-market-flat-textCSS variable

--ait-market-flat-bgCSS variable

状态与标记

--ait-state-warning-textCSS variable

--ait-state-warning-bgCSS variable

--ait-state-warning-borderCSS variable

--ait-state-error-textCSS variable

--ait-state-error-bgCSS variable

--ait-state-error-borderCSS variable

--ait-sim-borderCSS variable

--ait-market-mine-markerCSS variable

所有数据示例仅用于组件排版演练，不构成投资建议。