¿Cómo anular algunas reglas CSS del tema de administrador? [cerrado]

¿Hay alguna manera de anular solo algunas reglas CSS utilizadas por el tema de administrador, sin tocar el tema de administrador en sí (a través de algunas funciones de tema o ganchos de módulo)? Por ejemplo, me gustaría agregar un text-align: righta cada campo entero en los formularios de administración (y también en los nodos de edición).

Lo hice solo usando:

function mymodule_preprocess_html(&$variables) {

  global $theme;

  if ($theme === variable_get('admin_theme', 'seven')) {

    // Reference your custom stylesheet.
    drupal_add_css(drupal_get_path('module', 'mymodule') . '/css/mymodule.css', array('weight' => CSS_THEME));
  }
}

Eso es un poco más legible para mí.

Hay varias formas de hacerlo, pero no todos los enfoques son iguales en términos de afectar el rendimiento de su sitio web. Por ejemplo:

1. Si copia el tema de administrador o crea un subtema basado en el tema de administrador (tenga en cuenta que esto no funcionará con Drupal Commerce, ya que ya tiene un subtema basado en Shiny), y luego agregue un archivo CSS a través de un .info llame , cargará el CSS en cada página.
2. Si copia el tema del administrador, o crea un subtema basado en el tema del administrador, puede usar el gancho drupal_add_css () en su archivo template.php . Esto le permitirá llamar a la hoja de estilo condicionalmente, solo en ciertas páginas, por ejemplo, o en ciertos navegadores. Esto funciona bien, pero ya está llamando más archivos de los necesarios.
3. Cree su propio módulo y llame a drupal_add_css () desde él. Hasta donde yo sé, esta es la forma más `` ligera '' de alterar el tema de administración sin tocar el original y funcionará si su tema de administración ya es un subtema (por ejemplo, el tema de administrador Kickstart de Drupal Commerce es un subtema de Shiny). Yo uso este método porque funcionará en todas las circunstancias. Vea a continuación un ejemplo:

Cree un directorio llamado 'mymodule' (use el nombre que desee), cree estos archivos dentro de él y luego colóquelo dentro de su directorio sites / all / modules / custom. He agregado comentarios al código a continuación para que pueda ver lo que está sucediendo.

• mymodule.info
• mymodule.module
• css / mymodule.css

mymodule.info contiene:

name = mymodule
description = Custom alterations for admin pages on my website
core = 7.x

mymodule.module contiene:

function mymodule_preprocess_html(&$variables) {
  // Add conditional stylesheets for admin pages on admin theme.
  if (arg(0) === "admin") {
    // Reference your current admin theme.
    $theme_path = drupal_get_path('theme', 'commerce_kickstart_admin');
    // Reference your own stylesheet.
    drupal_add_css(drupal_get_path('module', 'mymodule') . '/css/mymodule.css', array('weight' => CSS_THEME));
  }
}

css / mymodule.css tendrá sus estilos que se agregarán al tema de administración. ¡Limpia tus cachés, habilita este módulo y listo! Obtenga más información sobre drupal_add_css aquí .

Lo que hago es crear un subtema para cualquier tema de administración que esté usando con solo .infoun archivo CSS único (generalmente llamado overrides.css) y un template.phparchivo si es necesario.

¿Qué pasa con el inyector CSS ?

No sé si permite una regla de configuración dependiente del tema, pero supongo que sí permite una basada en la ruta (por lo que admin / , node / add / , node / * / edit debería ser el truco).