¿Cómo anulo el tema de administrador en mi propio tema?

Creé mi propio tema de 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 }

Estoy usando "Seven" como tema de administrador.

Cuando edito una página (/ node / x / edit) se usa Seven theme.

Ahora tengo que agregar un poco de CSS al formulario de edición. ¿Cómo puedo hacer esto? style.css solo se carga en las páginas frontales. Las páginas de edición usan siete temas y mi tema CSS se ignora.

¿Cómo puedo agregar algo de CSS a las páginas de administración o editar formularios en Drupal 8?

Puede agregar CSS de administrador desde un enlace de módulo. Reemplace XXX con el nombre del módulo.

1 Ponga su CSS en css / extra.admin.css

2 Declare una biblioteca creando XXX.libraries.yml

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

3 Cree un gancho para cargar la biblioteca.

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

No puede controlar un tema desde otro tema. E incluso si algún desarrollador inteligente pudiera encontrar una forma hack de hacerlo: por favor no lo haga. Confía en mí, no lo quieres. El concepto de separación de preocupaciones es importante en la programación. Básicamente significa que las diferentes partes móviles (es decir, su tema) de su sistema deben ocuparse de su propia tarea, sin interferir con las tareas de otras partes (es decir, su tema de administrador).

Para lograr su objetivo, la forma más limpia es crear un nuevo tema, convertirlo en un subtema de Seven (para que herede todo lo que le gusta de Seven) y agregar su CSS personalizado a la mezcla. Ahora puede seleccionar ese tema como su tema de administrador en lugar de Seven.

El módulo que está buscando ahora se llama Asset Injector . Con él podrás agregar CSS a través de la interfaz de usuario como mencionó @Whatwatt.

Si crea un subtema para Seven, y lo usa como su tema de administrador, puede agregar sus propias anulaciones css en el archivo seven_subtheme.info.yml, sin meterse con el tema central o confundir las responsabilidades del tema. El subtema solo necesita tener el archivo info.yml y el css, y heredará todo lo demás.

• Crear un subtema
• Fundamentos temáticos (por ejemplo, agregar CSS a su tema)

Sin embargo, por lo que parece, le preocupa principalmente alterar el css utilizado por el editor wysiwyg (ckeditor), por lo que es posible que desee ver la adición ckeditor_stylesheetsa su archivo info.yml. Tenga en cuenta que, como se explica en este número , el ckeditor css se puede agregar desde su tema, ya que el editor wysiwyg debería usar el tema no admin css de forma predeterminada (recuerde borrar los cachés después de agregar esto).

• Cómo hacer D8 - estilos personalizados de ckeditor

Instale el módulo CSS Injector (actualmente solo hay una versión de desarrollo funcional para Drupal 8).

Luego vaya a la página de administración de CSS Injector ( / admin / config / development / css-injector ). Crea una nueva regla CSS. Por ejemplo, para cambiar el color de fondo de un campo:

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

Elija aplicar esta regla en el tema Seven (o cualquier tema de administrador en uso).

¡Ahorra y disfruta!

Para trabajar con cualquier tema de administrador, utilicé la respuesta de AdamS y cambié el gancho a.

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

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

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

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

}

¿Por qué no crear un bloque llamando al css e insertarlo en el encabezado de sus páginas de administrador?

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

Puede agregar CSS de administrador desde un enlace de módulo. Reemplace XXX con el nombre del módulo.

1 Ponga su CSS en css / extra.admin.css

2 Declare una biblioteca creando XXX.libraries.yml

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

3 Cree un gancho para cargar la biblioteca.

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

crearía un tema secundario separado para el front y back office