ну тут как бы вот
есть обычные кнопки
и есть кнопки которые выполняют какие-то действия, по типу если
действие какое-то безопасное (имеется ввиду, выйти, зайти, закрыть, получить, копировать) то есть то которое не влияет непосредственно на контент, то просто цвет текста внутри кнопки меняется на зеленый при фокусе
если это действие как-то изменяет контент (перезаписывает, редактирует) то желтым
ну и если удаляет то красным
Это то, как ты их видишь, но пока ты мыслишь только в категории двух кнопок, толку от БЭМ будет мало, как бы ты их не именовал. БЭМ — это про поиск закономерностей, про способ «допроса» компонентов: «откуда ты получил эти свойства» (причём речь не только про CSS-свойства, но и про JS-методы, про семантику сущности). Результат «допроса» — выражается в именовании. Когда у тебя в интерфейсе появляется новая сущность (кнопка редактирования), но которая выглядит иначе, тут одна из двух причин:
1) накосячил дизайнер (исправляется косяк, кнопка становится однородного цвета)
2) цвет вообще не отражает признак, следует его вынести в другой модификатор (а что «заставило» кнопку «покраситься»в этот цвет? А если тут будет не эта кнопка, а вообще что-то другое, цвет сохранится? А отступы? А почему в разных частях интерфейса у кнопки с одинаковым контекстом разные цвета?)