Цвет тени элемента (box-shadow-color)link

https://dev.ru.simai.io/ru/ui/utility/shadow/box-shadow-color.php

Утилиты задают цвет тени в состояниях default, hover, active.

Таблица классовlink

Поддерживаемые color: on-surface, primary, secondary, tertiary, error, success, warning.

Синтаксисlink

• shadow-{color}
• hover:shadow-{color}
• active:shadow-{color}

Примерlink

<button class="shadow-2 shadow-primary hover:shadow-warning active:shadow-error p-2 radius-2 border border-outline-variant">
  Shadow color states
</button>

Playgroundlink