如何在自己的主题中覆盖管理主题？

我创建了自己的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）时，使用七个主题。

现在，我必须在编辑表单中添加一些CSS。我怎样才能做到这一点？style.css仅加载在前端页面上。编辑页面使用七个主题，而我的主题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';
  }
}

您不能从另一个主题中控制一个主题。即使某些聪明的开发人员可以找到一种骇人听闻的方法来做到这一点：请不要。相信我，你不要它。关注点分离的概念在编程中很重要。基本上，这意味着系统的不同活动部分（即您的主题）应照顾好自己的任务，而不会干扰其他部分的任务（即您的管理主题）。

为了实现您的目标，最干净的方法是创建一个新主题，使其成为Seven的子主题（因此它继承了您喜欢Seven的所有内容），并将您的自定义CSS添加到组合中。现在，您可以选择该主题作为您的管理主题，而不是选择七个。

您要查找的模块现在称为Asset Injector。有了它，您就可以通过@Whatwatt提到的通过UI添加CSS。

如果您为“ Seven”创建一个子主题，并将其用作管理主题，则可以在“ seven_subtheme.info.yml”文件中添加自己的css替代，而不会弄乱核心主题或使主题职责混淆。子主题仅需要具有info.yml文件和CSS，并将继承其他所有内容。

• 创建一个子主题
• 主题基础（例如，将CSS添加到主题中）

从声音上看，您主要关心的是更改所见即所得编辑器（ckeditor）使用的css，因此您可能想要查看将其添加ckeditor_stylesheets到info.yml文件中。请注意，正如本期中所述，确实可以从您的主题中添加ckeditor css ，因为所见即所得编辑器默认应使用非管理员主题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（“ / 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';
    }
 }

我会为前台和后台创建一个单独的子主题