Как в Gutenberg переопределить параметр —wp—preset—color—black

В редакторе блоков Gutenberg можно переопределить параметр --wp--preset--color--black, который отвечает за предустановленный черный цвет, с помощью фильтрации темы или глобальных стилей.

Способы изменения

1. Через theme.json

Если ваша тема поддерживает theme.json, вы можете переопределить предустановленный цвет в разделе settings.color.palette. Пример:

{
  "version": 2,
  "settings": {
    "color": {
      "palette": [
        {
          "name": "Black",
          "slug": "black",
          "color": "#333333" // Новый цвет для черного
        }
      ]
    }
  }
}

Этот подход автоматически изменяет значение переменной --wp--preset--color--black.

2. С помощью CSS

Если вы хотите напрямую изменить значение переменной через CSS, добавьте следующий код в файл стилей темы или через functions.php:

:root {
  --wp--preset--color--black: #333333; /* Новый цвет */
}

Этот метод применяется глобально, но может быть перезаписан другими стилями.

3. С помощью хуков WordPress

Вы можете использовать фильтр block_editor_settings_all для динамического изменения палитры в редакторе:

add_filter( 'block_editor_settings_all', function( $editor_settings ) {
    foreach ( $editor_settings['colors'] as &$color ) {
        if ( $color['slug'] === 'black' ) {
            $color['color'] = '#333333'; // Новый цвет
        }
    }
    return $editor_settings;
});

Этот подход полезен для точечного изменения без использования theme.json.

Рекомендация

Использование theme.json — наиболее предпочтительный способ, так как он интегрирован в ядро Gutenberg и лучше поддерживает кастомизацию темы.