Come posso sostituire il tema dell'amministratore nel mio tema?

Ho creato il mio tema 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 }

Sto usando "Seven" come tema di amministrazione.

Quando modifico una pagina (/ node / x / edit) viene utilizzato il tema Seven.

Ora devo aggiungere alcuni CSS nel modulo di modifica. Come posso fare questo? style.css viene caricato solo sulle pagine front-end. Le pagine di modifica utilizzano sette temi e il mio tema CSS viene ignorato.

Come posso aggiungere alcuni CSS alle pagine di amministrazione o modificare i moduli in Drupal 8?

È possibile aggiungere CSS amministratore da un hook del modulo. Sostituisci XXX con il nome del modulo.

1 Inserisci il tuo CSS in css / extra.admin.css

2 Dichiarare una libreria creando XXX.libraries.yml

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

3 Creare un hook per caricare la libreria.

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

Non puoi controllare un tema all'interno di un altro tema. E anche se qualche sviluppatore intelligente potesse trovare un modo hacker per farlo: per favore, non farlo. Fidati di me, non lo vuoi. Il concetto di separazione delle preoccupazioni è importante nella programmazione. Fondamentalmente significa che le diverse parti mobili (ad es. Il tuo tema) del tuo sistema dovrebbero occuparsi del proprio compito, senza interferire con le attività di altre parti (ad es. Il tema dell'amministratore).

Per raggiungere il tuo obiettivo, il modo più pulito è creare un nuovo tema, renderlo un sottotema di Seven (quindi eredita tutto ciò che ti piace di Seven) e aggiungere il tuo CSS personalizzato nel mix. Ora puoi selezionare quel tema come tema di amministrazione anziché Sette.

Il modulo che stai cercando ora si chiama Asset Injector . Con esso sarai in grado di aggiungere CSS attraverso l'interfaccia utente come menzionato @Whatwatt.

Se crei un sottotema per Seven e lo usi come tema di amministrazione, puoi aggiungere le tue sostituzioni css nel file seven_subtheme.info.yml, senza fare confusione con il tema principale o confondendo le responsabilità del tema. Il sottotema deve solo avere il file info.yml e il css e erediterà tutto il resto.

• Creare un sottotema
• Nozioni di base sui temi (ad es. Aggiunta di CSS al tema)

Dal suono di ciò, però, ti preoccupi principalmente di alterare i CSS usati dall'editor wysiwyg (ckeditor), quindi potresti voler guardare l'aggiunta ckeditor_stylesheetsal tuo file info.yml. Si noti che, come spiegato in questa edizione , il ckeditor css può infatti essere aggiunto dal tuo tema, come l'editor wysiwyg dovrebbe utilizzare il non-admin tema css per default (ricordarsi di cache chiare dopo l'aggiunta di questo).

• D8 how-to - stili ckeditor personalizzati

Installa il modulo CSS Injector (al momento esiste solo una versione di sviluppo funzionante per Drupal 8).

Quindi vai alla pagina di amministrazione di CSS Injector ( / admin / config / development / css-injector ). Crea una nuova regola CSS. Ad esempio, per cambiare un colore di sfondo del campo:

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

Scegli di applicare questa regola sul tema Seven (o su qualsiasi tema admin in uso).

Risparmia e divertiti!

Per lavorare con qualsiasi tema di amministrazione ho usato la risposta di AdamS e ho cambiato il gancio in.

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

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

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

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

}

Perché non creare un blocco che chiama il CSS e inserirlo nell'intestazione delle pagine di amministrazione?

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

Puoi aggiungere admin CSS da un hook del modulo. Sostituisci XXX con il nome del modulo.

1 Inserisci il tuo CSS in css / extra.admin.css

2 Dichiarare una libreria creando XXX.libraries.yml

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

3 Creare un hook per caricare la libreria.

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

vorrei creare un tema figlio separato sia per il front office che per il back office