Radiance Theme para Firefox

Hace poco publique un tema para Chrome y ahora le toca a Firefox.

La integración de Firefox con el theme Radiance de Lucid no es muy buena, asi que me decidi a editar el estilo visual de Firefox para intentar integrarlo un poco más con el escritorio. Para ello podemos hacer uso del fichero userChrome.css que se encuentra en la carpeta profile del usuario de Firefox. En este fichero podemos añadir nuevos estilos para poder por ejemplo tener tabs redondeadas o cambiar los colores del navegador. Podeis encontrar ejemplos de estilos en UserStyles.org

Para editar el fichero userChrome.css puedes ir al directorio /home/tu_usuario/.mozilla/firefox/tu_carpeta_perfil/chrome, por ejemplo en mi caso seria: /home/jose/.mozilla/firefox/nbfvle23.default/chrome

Si el fichero userChrome.css no existe, lo creas. Ahora puedes por ejemplo copiar y pegar este ejemplo de estilo:

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */

/* Menu and toolbar color */
navigator-toolbox {background: #efcb87 !important;
}

#urlbar, #searchbar .searchbar-textbox{
background-color: white !important;
color: black !important; }

#navigator-toolbox,
#navigator-toolbox #toolbar-menubar,
#navigator-toolbox #nav-bar,
#navigator-toolbox #PersonalToolbar
{
-moz-appearance: none !important;
border: 0 !important;
}

#navigator-toolbox
{
-moz-appearance: none !important;
background-color: #E0D6BA !important;
}

#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 9px !important;
padding-right: 2px !important;
padding-left: 6px !important;
}

#search-bar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 6px !important;
}

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#navigator-toolbox textbox
{
  -moz-border-radius: 6px !important;
}

Que cambia de color la barra de firefox y le da cierta redondez a la barra de url y de busqueda. Guardas el fichero userChrome.css, Reinicias Firefox y listo, ya tienes el navegador un poco mas integrado con radiance.

Nota: otra forma de acceder a tu carpeta profile es mediante about:support

6 Respuestas to “Radiance Theme para Firefox”


  1. 1 Delano marzo 25, 2010 a las 7:20 am

    La otra vez, vi en neoteo un análisis sobre la beta de 10.04 y hablaban sobre lo mal o poco agradable que se ve a la vista la esquina superior izquierda de firefox al estar maximizada, ya la vedad es que sí, se ve muy feo todo junto allí… lo mismo pasa con chrome… saben como poner el titulo de la ventada al centro o a la derecha???
    Saludos.

  2. 2 inukaze marzo 25, 2010 a las 10:41 am

    Se ven geniales esas pestañas 😀

  3. 3 Andrew marzo 25, 2010 a las 12:36 pm

    You forgot this in the code:

    .tabbrowser-tabs {
    background: #E0D6BA !important;
    }

    Without it, the space next to the tabbar is not the same as the rest of «Radiance».


  1. 1 Radiance Theme para Firefox | Ayuda Linux Trackback en marzo 25, 2010 a las 10:53 am
  2. 2 La semana en links #12/2010 | Ubunlog Trackback en marzo 28, 2010 a las 3:21 pm

Deja un comentario







¿Es compatible tu equipo con Ubuntu?


( Muchos fondos de pantalla, aqui )

DESCARGATE SCIFI LIFE

365 Dias de Soledad
Me debes los sueños, las promesas y las noches rotas. Me debes la paz, la sonrisa y la esperanza robadas. Me debes la sangre, las lágrimas y el sudor vertido. Me debes las noches vacías, los abrazos anhelados. Me debes un beso de ajenjo de tu amarga boca.

The Ubuntu Counter Project - user number # 11961
Geo Visitors Map

Archivos

marzo 2010
L M X J V S D
1234567
891011121314
15161718192021
22232425262728
293031  

Blog Stats

  • 31.397.497 hits