Surfaces

在ChatGPT中打开

有三个级别的表面用于组织UI层次结构，通常与阴影结合使用。所有调色板颜色都经过测试，以确保与这些表面有足够的对比度。

示例

.element {
  background: var(--dwc-surface-2);
}

变量

变量	用法	示例
--dwc-surface-1	最深的表面。用于主体背景。
--dwc-surface-2	用于组件（例如卡片）。
--dwc-surface-3	最浅和最高的表面。用于菜单、弹出层、对话框等 ...