阴影

¥Shadows

了解主题中使用的阴影样式。

组件中使用的阴影采用 6 级渐变色。有关实现这些阴影的实际值，请参阅 源代码。

¥Shadows used in the components are derived from a 6-step scale. Refer to the source code for the actual values used to achieve these shadows.

阴影标记

¥Shadow tokens

可以使用 CSS 变量访问阴影标记。你可以使用这些令牌来设置自定义组件的样式，确保它们与主题的其余部分保持一致。

¥Shadow tokens can be accessed using CSS variables. You can use these tokens to style your custom components, ensuring they are consistent with the rest of your theme.

/* Inset shadow */
var(--shadow-1);

/* Shadows for variant="classic" panels, like Card */
var(--shadow-2);
var(--shadow-3);

/* Shadows for smaller overlay panels, like Hover Card and Popover */
var(--shadow-4);
var(--shadow-5);

/* Shadows for larger overlay panels, like Dialog */
var(--shadow-6);