Jak zastąpić motyw administratora w moim własnym motywie?

Stworzyłem własny motyw 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 }

Używam „Seven” jako motywu administratora.

Kiedy edytuję stronę (/ node / x / edit) używa się siedmiu motywów.

Teraz muszę dodać trochę CSS do formularza edycji. W jaki sposób mogę to zrobić? style.css jest ładowany tylko na stronach frontonu. Strony edycji używają siedmiu motywów, a mój motyw CSS jest ignorowany.

Jak mogę dodać trochę CSS do stron administracyjnych lub edytować formularze w Drupal 8?

Możesz dodać admin CSS z haka modułu. Zamień XXX na nazwę modułu.

1 Umieść swój CSS w css / extra.admin.css

2 Zadeklaruj bibliotekę, tworząc plik XXX.libraries.yml

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

3 Utwórz zaczep, aby załadować bibliotekę.

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

Nie można kontrolować jednego motywu z innego motywu. I nawet jeśli jakiś inteligentny programista mógłby znaleźć hackerski sposób na zrobienie tego: proszę nie. Zaufaj mi, nie chcesz tego. Koncepcja rozdzielenia problemów jest ważna w programowaniu. Zasadniczo oznacza to, że różne ruchome części (tj. Motyw) twojego systemu powinny zająć się własnym zadaniem, bez ingerowania w zadania innych części (tj. Motywu administratora).

Aby osiągnąć swój cel, najczystszym sposobem jest stworzenie nowego motywu, uczynienie go podtematem Siedem (dzięki czemu odziedziczy wszystko, co lubisz w Seven) i dodanie niestandardowego CSS do miksu. Teraz możesz wybrać ten motyw jako motyw administratora zamiast Siedem.

Moduł, którego szukasz, nazywa się teraz Asset Injector . Dzięki niemu możesz dodawać CSS poprzez interfejs użytkownika, jak wspomniano w @Whatwatt.

Jeśli utworzysz podtemat dla Seven i użyjesz go jako motywu administratora, możesz dodać własne przesłonięcia css w pliku seven_subtheme.info.yml, bez bałagania się motywem podstawowym lub mylenia obowiązków związanych z motywem. Podtemat musi mieć tylko plik info.yml i css i odziedziczy wszystko inne.

• Tworzenie podtematu
• Podstawy programowania (np. Dodawanie css do motywu)

Z jego brzmienia zależy ci głównie na zmianie css używanego przez edytor wysiwyg (ckeditor), więc zamiast tego możesz ckeditor_stylesheetsspróbować dodać do pliku info.yml. Należy zauważyć, że, jak wyjaśniono w tej kwestii , CKEditor css rzeczywiście może być dodany z Twojego tematu, jako edytor WYSIWYG powinien korzystać z rozrywki non-admin css domyślnie (pamiętaj, aby usunąć pamięci podręcznej po dodaniu tego).

• D8 instrukcje - niestandardowe style ckeditora

Zainstaluj moduł CSS Injector (obecnie istnieje tylko działająca wersja programistyczna dla Drupal 8).

Następnie przejdź do strony administracyjnej CSS Injector ( / admin / config / development / css-injector ). Utwórz nową regułę CSS. Na przykład, aby zmienić kolor tła pola:

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

Wybierz zastosowanie tej reguły do motywu Siedem (lub dowolnego używanego motywu administratora).

Oszczędzaj i ciesz się!

Aby pracować z dowolnym motywem administratora, użyłem odpowiedzi AdamS i zmieniłem zaczep na.

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

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

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

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

}

Dlaczego nie utworzyć bloku wywołującego css i wstawić go do nagłówka stron administracyjnych?

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

Możesz dodać admin CSS z haka modułu. Zamień XXX na nazwę modułu.

1 Umieść swój CSS w css / extra.admin.css

2 Zadeklaruj bibliotekę, tworząc plik XXX.libraries.yml

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

3 Utwórz zaczep, aby załadować bibliotekę.

/ **
* Implementuje 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';
    }
 }

stworzyłbym osobny motyw podrzędny dla front-office i back-office