Bagaimana cara mengganti tema admin dengan tema saya sendiri?

Saya membuat tema Drupal 8 saya sendiri:

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 }

Saya menggunakan "Tujuh" sebagai tema admin.

Ketika saya mengedit halaman (/ node / x / edit) Tujuh tema digunakan.

Sekarang saya harus menambahkan beberapa CSS formulir edit. Bagaimana saya bisa melakukan ini? style.css hanya dimuat di halaman ujung depan. Edit halaman menggunakan tujuh tema dan CSS tema saya diabaikan.

Bagaimana saya bisa menambahkan beberapa CSS ke halaman admin atau mengedit formulir di Drupal 8?

Anda dapat menambahkan admin CSS dari pengait modul. Ganti XXX dengan nama modul.

1 Masukkan CSS Anda di css / extra.admin.css

2 Nyatakan perpustakaan dengan membuat XXX.libraries.yml

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

3 Buat pengait untuk memuat perpustakaan.

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

Anda tidak dapat mengontrol satu tema dari dalam tema lain. Dan bahkan jika beberapa pengembang pintar dapat menemukan cara hack untuk melakukannya: tolong jangan. Percayalah, Anda tidak menginginkannya. Konsep pemisahan masalah penting dalam pemrograman. Pada dasarnya itu berarti bahwa bagian-bagian bergerak yang berbeda (yaitu tema Anda) dari sistem Anda harus mengurus tugas mereka sendiri, tanpa mengganggu tugas-tugas bagian lain (yaitu tema admin Anda).

Untuk mencapai tujuan Anda, cara terbersih adalah membuat tema baru, menjadikannya subtema Tujuh (sehingga mewarisi semua yang Anda sukai tentang Tujuh) dan menambahkan CSS khusus ke dalam campuran. Sekarang Anda dapat memilih tema itu sebagai tema admin Anda alih-alih Tujuh.

Modul yang Anda cari sekarang disebut Asset Injector . Dengan itu Anda akan dapat menambahkan CSS melalui UI seperti yang disebutkan @Whatwatt.

Jika Anda membuat subtitle untuk Seven, dan menggunakannya sebagai tema admin Anda, Anda bisa menambahkan override css Anda sendiri di file seven_subtheme.info.yml, tanpa mengacaukan tema inti, atau membingungkan tanggung jawab tema. Subtema hanya perlu memiliki file info.yml dan css, dan akan mewarisi yang lainnya.

• Membuat subtitle
• Dasar-dasar mereka (misalnya menambahkan css ke tema Anda)

Dari bunyi-bunyinya, Anda terutama khawatir dengan mengubah css yang digunakan oleh editor wysiwyg (ckeditor), jadi Anda mungkin ingin melihat menambahkan ckeditor_stylesheetske file info.yml Anda. Perhatikan bahwa, seperti dijelaskan dalam masalah ini , ckeditor css memang dapat ditambahkan dari tema Anda , karena editor wysiwyg harus menggunakan tema css non-admin secara default (ingat untuk menghapus cache setelah menambahkan ini).

• D8 how-to - gaya ckeditor khusus

Instal modul CSS Injector (saat ini hanya ada versi pengembangan yang berfungsi untuk Drupal 8).

Kemudian pergi ke halaman administrasi CSS Injector ( / admin / config / development / css-injector ). Buat aturan CSS baru. Misalnya, untuk mengubah warna latar belakang bidang:

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

Pilih untuk menerapkan aturan ini pada Tujuh tema (atau tema admin apa pun yang digunakan).

Simpan dan nikmatilah!

Untuk bekerja dengan tema admin apa pun saya menggunakan jawaban AdamS dan mengubah kail ke.

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

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

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

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

}

Mengapa tidak membuat blok yang memanggil css dan memasukkannya ke header halaman admin Anda?

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

Anda dapat menambahkan admin CSS dari pengait modul. Ganti XXX dengan nama modul.

1 Masukkan CSS Anda di css / extra.admin.css

2 Nyatakan perpustakaan dengan membuat XXX.libraries.yml

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

3 Buat pengait untuk memuat perpustakaan.

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

saya akan membuat tema anak terpisah untuk kantor depan dan belakang