Surfaces
Hay tres niveles de superficies utilizados para organizar la jerarquía de la interfaz de usuario, a menudo combinados con sombras. Todos los colores de la paleta se prueban para proporcionar un contraste suficiente contra estas superficies.
Ejemplo
.element {
background: var(--dwc-surface-2);
}
Variables
| Variable | Uso | Ejemplo |
|---|---|---|
--dwc-surface-1 | La superficie más oscura. Utilizada para el fondo del cuerpo. | |
--dwc-surface-2 | Utilizada para componentes (por ejemplo, tarjetas). | |
--dwc-surface-3 | La superficie más clara y alta. Utilizada para menús, popovers, diálogos ... |