Cuando Mozilla relanzó el canal Aurora como el Canal de desarrollador en 2014, incluyó un tema oscuro para distinguir esa versión de otras.

El tema oscuro fue diseñado específicamente para la edición Developer del navegador, pero los usuarios también pueden habilitarlo en otras versiones de Firefox.

Esto cambió con el lanzamiento de Firefox 40, ya que se eliminaron las opciones para habilitar el tema del desarrollador en el navegador.

Todo lo que tenía que hacer anteriormente era establecer una preferencia en la página about: config de Firefox en verdadero, y luego habilitar el tema oscuro en la configuración de la Herramienta de desarrollo.

La apariencia del tema depende del sistema operativo y la versión que esté ejecutando. Si ejecuta Windows 10, tiene el siguiente aspecto cuando está habilitado:

tema negro de la edición dev de firefox

Una solución alternativa para las versiones de Firefox que no son para desarrolladores se publicó poco después en [email protected], pero habilita el tema solo para la sesión activa y no permanentemente.

tema de la edición para desarrolladores de firefox 40

Para habilitar el tema oscuro para la sesión, haga lo siguiente:

  1. Toque la tecla F12 para abrir las herramientas de desarrollo.
  2. Seleccione el icono de configuración en la esquina superior derecha de la pantalla.
  3. Busque y marque «Habilitar Chrome del navegador y cajas de herramientas de depuración complementarias».
  4. Alternativamente, establezca devtools.chrome.enabled en verdadero en about: config.
  5. Abra la consola del navegador con Ctrl-Shift-J o tocando Alt y seleccionándolo en Herramientas> Desarrollador web.
  6. Pegue el siguiente código en él y presione enter:
    LightweightThemeManager.addBuiltInTheme({
              id: "[email protected]",
              name: "Developer Edition",
              headerURL: "resource:///chrome/browser/content/browser/defaultthemes/devedition.header.png",
              iconURL: "resource:///chrome/browser/content/browser/defaultthemes/devedition.icon.png",
              author: "Mozilla"
            });
  7. Abra about: addons y cambie a Apariencia.
  8. Haga clic en habilitar junto a Developer Edition.

Solución permanente

elegante tema oscuro

Existe una solución permanente que habilita el tema oscuro en todas las sesiones. Necesita el complemento de Firefox con estilo que puede descargar desde Mozilla AMO.

Una vez que haya instalado Stylish en Firefox y lo haya reiniciado, haga clic en el icono de Stylish y seleccione Escribir nuevo estilo> Estilo en blanco.

Copie y pegue la información de estilo CSS de Pastebin en la forma Elegante, dale al nuevo estilo un nuevo y luego haz clic en Guardar.

Repita el proceso para este segundo estilo que también encontrará listado en Pastebin.

Una vez que hayas hecho todo eso, Firefox debería mostrar el tema oscuro del desarrollador todo el tiempo.

Hemos subido ambos archivos como un archivo empaquetado a nuestro propio servidor para mantenerlos a salvo. Descargue el archivo que contiene ambas hojas de estilo con un clic en el siguiente enlace: firefox-dark-theme.zip

Ahora tu: ¿Prefieres el tema claro u oscuro de Firefox?