Як замінити тему адміністратора в моїй власній темі?

Я створив власну тему 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 }

Я використовую "Сім" як тему адміністратора.

Коли я редагую сторінку (/ вузол / х / редагувати), використовується семи тема.

Тепер я повинен додати трохи 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';
  }
}

Ви не можете керувати однією темою з іншої теми. І навіть якщо якийсь розумний розробник міг би знайти хакерський спосіб це зробити: будь ласка, не робіть цього. Повірте, ви цього не хочете. Концепція розділення проблем важлива в програмуванні. В основному це означає, що різні рухомі частини (тобто ваша тема) вашої системи повинні піклуватися про своє власне завдання, не втручаючись у завдання інших частин (тобто теми вашого адміністратора).

Щоб досягти своєї мети, найчистіший спосіб - створити нову тему, зробити її підтемою Seven (щоб вона успадковувала все, що вам подобається у Seven) і додайте свій спеціальний CSS у суміш. Тепер ви можете вибрати цю тему як свою адміністраторську тему замість семи.

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

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

• Створення підтеми
• Основи тематики (наприклад, додавання css до вашої теми)

З огляду на звуки цього, ви, головним чином, переймаєтесь зміною css, який використовує редактор wysiwyg (ckeditor), тому замість цього ви можете поглянути на додавання ckeditor_stylesheetsдо файлу info.yml. Зауважте, що, як пояснено в цьому випуску , ckeditor css дійсно можна додати з вашої теми, оскільки редактор wysiwyg повинен використовувати за замовчуванням тему css, що не є адміністратором (не забудьте очистити кеші після додавання цього).

• Як D8 - користувацькі стилі 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 ("/ теми / 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 Створіть гачок для завантаження бібліотеки.

/ **
* Здійснює гачку_сторінки_настройки ().
* /

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';
    }
 }

Я б створив окрему дочірню тему як для переднього, так і для заднього офісу