自分のテーマで管理テーマをオーバーライドするにはどうすればよいですか？

私は自分の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）7つのテーマが使用されます。

次に、CSSを編集フォームに追加する必要があります。これどうやってするの？style.cssはフロントエンドページにのみ読み込まれます。編集ページは7つのテーマを使用し、私のテーマのCSSは無視されます。

Drupal 8で管理ページまたは編集フォームにCSSを追加するにはどうすればよいですか？

モジュールフックから管理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をミックスに追加することです。これで、Sevenではなく、そのテーマを管理テーマとして選択できます。

探しているモジュールはAsset Injectorと呼ばれるようになりました。これにより、@ Whatwattが言及したように、UIを介してCSSを追加できます。

Sevenのサブテーマを作成し、それを管理テーマとして使用する場合、コアテーマを変更したり、テーマの責任を混乱させたりせずに、seven_subtheme.info.ymlファイルに独自のcssオーバーライドを追加できます。サブテーマはinfo.ymlファイルとCSSのみが必要で、他のすべてを継承します。

• サブテーマを作成する
• 基本的なテーマ設定（例：CSSをテーマに追加する）

ただし、そのサウンドからは、主にwysiwygエディター（ckeditor）で使用されるcssの変更に関心があるため、代わりにckeditor_stylesheetsinfo.ymlファイルへの追加を確認することをお勧めします。この問題で説明したように、wysiwygエディターはデフォルトで非管理テーマcssを使用する必要があるため、ckeditor cssを実際にテーマから追加できることに注意してください（これを追加した後、キャッシュをクリアすることを忘れないでください）。

• D8ハウツー-カスタムckeditorスタイル

CSSインジェクターモジュールをインストールします（現在、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';
    }
 }

フロントオフィスとバックオフィスの両方に個別の子テーマを作成します