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
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.
Se ven geniales esas pestañas 😀
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».
Thx Andrew.