Personalize o Firefox 57 com CSS
- Categoria: Raposa De Fogo
Custom CSS for Fx é uma coleção de estilos CSS para Firefox 57 e mais recentes do autor do popular add-on Classic Theme Restorer do Firefox.
O Firefox 57 não suportará mais o Classic Theme Restorer ou qualquer outra interface que mude extensões ou temas por causa da mudança para um sistema exclusivo WebExtensions. O novo sistema WebExtensions evita alterações na interface do usuário do navegador, não fornecendo APIs para desenvolvedores de extensões.
A única opção que resta para os usuários do Firefox modificarem a IU, além do que o Mozilla fornece nativamente no Firefox, é usar CSS.
Os usuários do Firefox que conhecem CSS podem editar arquivos CSS manualmente para modificar sua versão do navegador. A maioria dos usuários do Firefox, por outro lado, provavelmente não sabe, e é aí que o Custom CSS for Fx entra em ação.
Personalize o Firefox 57 com CSS
O projeto está hospedado no GitHub e é mantido por Aris, que é conhecido por add-ons populares do Firefox, como Classic Theme Restorer e NoiaButtons. Restaurador de tema clássico foi criado como um resposta à interface Australis que o Mozilla lançou no Firefox 29. A extensão não funcionará mais no Firefox 57 ou mais recente porque o Mozilla abandonou o suporte para add-ons legados nessa versão do Firefox e não introduziu recursos para modificar a interface do usuário como API WebExtensions.
A página inicial do projeto oferece informações sobre como localizar a pasta de perfil do navegador Firefox e como usar os estilos fornecidos para modificar o Firefox.
A maneira mais fácil de localizar a pasta de perfil é carregando about: support na barra de endereços do navegador e clicando no botão 'abrir pasta' em Application Basics> Profile Folder.
Você precisa criar uma pasta chamada chrome se ela não existir na raiz do diretório do perfil. Uma vez feito isso, copie o conteúdo do arquivo para essa pasta. Certifique-se de que userChrome.css e userContent.css estejam localizados na raiz da pasta chrome.
Isso é tudo o que precisa ser feito para adicionar esses estilos personalizados ao Firefox. No entanto, há outra etapa que você pode querer realizar, que é personalizar os ajustes.
O conjunto padrão de ajustes pode agradar a alguns usuários, mas os arquivos CSS vêm com opções para ativar ou desativar diferentes ajustes para alterar ainda mais a interface.
Abra o arquivo userChrome.css em um editor de texto simples. O arquivo usa o comando @import para importar os estilos CSS reais dos arquivos CSS. Isso é feito para manter o userChrome.css principal organizado e tornar mais fácil para os usuários do Firefox modificá-lo.
As linhas que começam com / * são comentadas e os arquivos CSS aos quais se vinculam não são importados por causa disso.
O que você precisa fazer é percorrer a lista de uma seção de cada vez para determinar quais dos ajustes disponíveis você gostaria de habilitar no Firefox.
Você descarrega ajustes adicionando / * na frente da linha e * / na parte de trás. Da mesma forma, você remove / * na frente e * / atrás para permitir um ajuste.
Aqui está a lista de ajustes disponíveis agora:
- Modifique os botões da barra de ferramentas de navegação.
- Ativar botões quadrados
- Alterar a aparência do ícone
- Altere o pop-up do botão do aplicativo.
- Altere o menu de favoritos e a aparência pop-up.
- Aparência do botão da barra de ferramentas de favoritos antigos
- Outras configurações de botão (ocultar botão Avançar, botões voltar e avançar separados pop-ups de histórico, ocultar botões de zoom redefinir)
- Aparência dos botões voltar e avançar personalizados
- Botão de aplicativo / hambúrguer na barra de ferramentas de navegação
- Botão de aplicativo / hambúrguer na barra de título do Firefox (somente Windows)
- Aparência das guias (estilo, posição da barra de ferramentas, por exemplo, abaixo das barras de ferramentas (leia-se: guias que não estão na parte superior), títulos das guias, ícones e muito mais.
- Modifique a barra de pesquisa, menus de contexto, ícones e outras barras de ferramentas.
- Altere o estilo da barra de localização.
Alguns deles são autoexplicativos. Outros não são, mas você tem duas opções quando se trata disso. Ative-os e verifique-os diretamente ou abra o arquivo CSS que é carregado para descobrir o que eles fazem. O último requer algum conhecimento de CSS.
O arquivo userContent.css usa o mesmo layout. Ele importa arquivos CSS e cabe a você habilitá-los ou desabilitá-los.
Uma lista de sugestões de ajustes de interface nativa e ajustes about: config são fornecidos também pelo projeto para modificar ainda mais a aparência do Firefox.
Palavras de Encerramento
CSS personalizado para Fx oferece muitas modificações de interface para o Firefox 57 que não podem ser feitas usando extensões ou recursos integrados. Os usuários do Firefox podem achá-lo útil, especialmente se tiverem usado o Classic Theme Restorer ou um complemento comparável até agora.
As atualizações são lançadas regularmente pela Aris; isso é bom não apenas para novas funcionalidades que podem ser introduzidas por meio de ajustes, mas também para manter os estilos compatíveis com os novos lançamentos do Firefox.