Personalize o Firefox 57 com CSS

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

classic firefox 57

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.

userchrome css firefox styles

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.