Как мне переопределить тему администратора в моей собственной теме?

Я создал свою собственную тему Drupal 8:

mytheme.info.yml:

name: My Theme
description: 'Drupal 8 Theme'
type: theme
base theme: bartik
core: '8.x'

mytheme.libraries.yml

global-styling:
  version: 1.x
  css:
    theme:
      css/layout.css: {}
      css/style.css: {}
      css/colors.css: {}
      css/print.css: { media: print }

Я использую "Семь" в качестве темы администратора.

Когда я редактирую страницу (/ node / x / edit), используется тема Seven.

Теперь я должен добавить CSS в форму редактирования. Как я могу это сделать? style.css загружается только на интерфейсные страницы. Редактирование страниц использует семь тем, и моя тема CSS игнорируется.

Как я могу добавить CSS на страницы администратора или редактировать формы в Drupal 8?

Вы можете добавить админ CSS из хука модуля. Замените XXX на имя модуля.

1 Поместите свой CSS в css / extra.admin.css

2 Объявите библиотеку, создав XXX.libraries.yml

extra.admin:
  css:
    theme:
      css/extra.admin.css: {}

3 Создайте хук для загрузки библиотеки.

/**
 * Implements hook_page_attachments().
 */
function XXX_page_attachments(array &$attachments) {
  $theme = \Drupal::theme()->getActiveTheme()->getName();
  if ($theme == 'seven') {
    $attachments['#attached']['library'][] = 'XXX/extra.admin';
  }
}

Вы не можете контролировать одну тему из другой темы. И даже если какой-нибудь умный разработчик найдет хакерский способ сделать это: пожалуйста, не надо. Поверь мне, ты не хочешь этого. Концепция разделения интересов важна в программировании. По сути, это означает, что различные движущиеся части (например, ваша тема) вашей системы должны выполнять свои собственные задачи, не мешая задачам других частей (например, вашей теме администратора).

Чтобы достичь своей цели, самый простой способ - создать новую тему, сделать ее подтемой «Семь» (чтобы она наследовала все, что вам нравится в «Семи») и добавить свой собственный CSS в смесь. Теперь вы можете выбрать эту тему в качестве темы администратора вместо Семи.

Модуль, который вы ищете, теперь называется Asset Injector . С его помощью вы сможете добавлять CSS через пользовательский интерфейс, как упомянул @Whatwatt.

Если вы создаете подтему для Seven и используете ее в качестве темы администратора, вы можете добавить свои собственные переопределения css в файл seven_subtheme.info.yml, не вмешиваясь в основную тему и не путая обязанности темы. Подтема должна иметь только файл info.yml и css и наследовать все остальное.

• Создание подтемы
• Тематические основы (например, добавление CSS к вашей теме)

Судя по звукам, вы в основном озабочены изменением CSS, используемого редактором wysiwyg (ckeditor), поэтому вместо этого вы можете захотеть добавить ckeditor_stylesheetsв свой файл info.yml. Обратите внимание, что, как объяснено в этом выпуске , cksitor css действительно может быть добавлен из вашей темы, так как редактор wysiwyg должен использовать css темы не-admin по умолчанию (не забудьте очистить кеш после добавления этого).

• D8 how-to - пользовательские стили ckeditor

Установите модуль CSS Injector (в настоящее время существует только рабочая версия для разработки для Drupal 8).

Затем перейдите на страницу администрирования CSS Injector ( / admin / config / development / css-injector ). Создайте новое правило CSS. Например, чтобы изменить цвет фона поля:

.node-form .field--name-title input {
    background-color: red;
}

Выберите применить это правило к Семи темам (или любой используемой теме администратора).

Сохранить и наслаждаться!

Для работы с любой темой администратора я использовал ответ AdamS и изменил настройку на.

$config = \Drupal::config('system.theme');

$theme = \Drupal::theme()->getActiveTheme()->getName();

if ($theme == $config->get('admin')) {

  $attachments['#attached']['library'][] = 'XXXX/extra.admin';

}

Почему бы не создать блок, вызывающий css, и вставить его в заголовок ваших страниц администратора?

@import url ("/ themes / XYZ / css / admin_overrides.css")

Вы можете добавить админ CSS из хука модуля. Замените XXX на имя модуля.

1 Поместите свой CSS в css / extra.admin.css

2 Объявите библиотеку, создав XXX.libraries.yml

extra.admin:
  css:
  theme:
  css/extra.admin.css: {}

3 Создайте хук для загрузки библиотеки.

/ **
* Реализует hook_page_attachments ().
* /

function XXX_page_attachments(array &$attachments) {
  $config = \Drupal::config('system.theme');
  $theme = \Drupal::theme()->getActiveTheme()->getName();
    if ($theme == $config->get('admin')) {
       $attachments['#attached']['library'][] = 'XXXX/extra.admin';
    }
 }

я бы создал отдельную дочернюю тему для фронт-офиса и бэк-офиса