Opacity 透明度
opacity 属性指定元素的透明度。
中性色
Example | Token | Value | Usage |
---|---|---|---|
--color-neutral-alpha-04 | rgba(37, 45, 55, 0.04) | 常用于组件交互的 Enabled 状态, 等同于 --color-neutral-200 | |
--color-neutral-alpha-08 | rgba(37, 45, 55, 0.08) | 常用于组件交互的 Hover 状态, 等同于 --color-neutral-300 | |
--color-neutral-alpha-12 | rgba(37, 45, 55, 0.12) | 常用于组件交互的 Active 状态, 等同于 --color-neutral-400 | |
--color-neutral-alpha-16 | rgba(37, 45, 55, 0.16) | 常用于模态对话框的背景叠加 | |
--color-neutral-alpha-32 | rgba(37, 45, 55, 0.32) | 常用于模态对话框的背景叠加 |
主题色
Example | Token | Value | Usage |
---|---|---|---|
--color-primary-alpha-04 | --color-primary-600 (#00A98F, opacity: 0.04) rgba(0, 169, 143, 0.04) | 常用于选项选中的背景颜色 | |
--color-primary-alpha-08 | --color-primary-600 (#00A98F, opacity: 0.08) rgba(0, 169, 143, 0.08) | 常用于浅色按钮的背景颜色 |