O CSS personalizado para FX é uma coleção de estilos de CSS para o Firefox 57 e mais recente do autor do popular restaurador de temas clássicos do Firefox.
O Firefox 57 não suporta mais o Classic Theme Restorer ou qualquer outra interface que altera extensões ou temas por causa da mudança para um sistema exclusivo WebExtensions. O novo sistema WebExtensions impede 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 interface do usuário, além do que o Mozilla fornece nativamente no Firefox, é usar CSS.
Os usuários do Firefox que conhecem o 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, e é aí que o CSS personalizado para FX entra em cena.
Personalize o Firefox 57 com CSS
O projeto está hospedado no GitHub e é mantido por Aris, conhecido por complementos populares do Firefox, como Classic Theme Restorer e NoiaButtons. O Classic Theme Restorer foi criado como uma resposta à interface Australis lançada pelo Mozilla no Firefox 29. A extensão não funcionará no Firefox 57 ou mais recente porque o Mozilla retirou o suporte para complementos herdados 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 usar os estilos fornecidos para modificar o Firefox.
A maneira mais fácil de localizar a pasta de perfil é carregando sobre: support na barra de endereços do navegador e clicando no botão "abrir pasta" em Aplicativos Básicos> Pasta de Perfil.
Você precisa criar uma pasta chamada chrome se ela não existir na raiz do diretório do perfil. Depois de feito, copie o conteúdo do arquivo morto para essa pasta. Verifique se userChrome.css e userContent.css estão localizados na raiz da pasta chrome.
É tudo o que precisa ser feito para adicionar esses estilos personalizados ao Firefox. Há, no entanto, outra etapa que você pode querer executar, que é personalizar os ajustes.
O conjunto padrão de ajustes pode atrair alguns usuários, mas os arquivos CSS vêm com opções para ativar ou desativar ajustes diferentes para alterar ainda mais a interface.
Abra o arquivo userChrome.css em um editor de texto sem formatação. O arquivo usa o comando @import para importar os estilos CSS reais dos arquivos CSS. Isso é feito para manter o principal userChrome.css organizado e facilitar a modificação dos usuários do Firefox.
As linhas que começam com / * são comentadas e os arquivos CSS aos quais eles vinculam não são importados por causa disso.
O que você precisa fazer é percorrer a lista de uma seção por vez para determinar quais dos ajustes disponíveis você gostaria de ativar no Firefox.
Você descarrega ajustes adicionando / * na frente da linha e * / na parte de trás. Da mesma forma, você remove / * na frente e * / na parte traseira para ativar um ajuste.
Aqui está a lista de ajustes disponíveis no momento:
- Modifique os botões da barra de ferramentas de navegação.
- Ativar botões ao quadrado
- Alterar aparência do ícone
- Altere o pop-up do botão do aplicativo.
- Alterar menu de favoritos e aparência pop-up.
- Aparência do botão da barra de ferramentas de marcadores antigos
- Outras configurações de botão (ocultar o botão Avançar, os botões voltar e avançar separam os pop-ups do histórico, os botões de zoom ocultam a redefinição).
- Aparência personalizada dos botões voltar e avançar
- Botão Aplicativo / hambúrguer na barra de ferramentas de navegação
- Botão 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 nã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.
- Mude o estilo da barra de localização.
Alguns destes são auto-explicativos. Outros não, mas você tem duas opções quando se trata disso. Habilite-os e faça check-out diretamente, ou abra o arquivo CSS que é carregado para descobrir o que eles fazem. Este último requer algum conhecimento de CSS, no entanto.
O arquivo userContent.css usa o mesmo layout. Ele importa arquivos CSS e cabe a você ativar ou desativar esses arquivos.
Uma lista de ajustes de interface nativa sugeridos e sobre: ajustes de configuração também são fornecidos pelo projeto para modificar ainda mais a aparência do Firefox.
Palavras finais
O CSS personalizado para Fx oferece muitas modificações de interface para a interface do Firefox 57 que não podem ser feitas usando extensões ou recursos internos. Os usuários existentes do Firefox podem achar útil, especialmente se eles usaram 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 através de ajustes, mas também para manter os estilos compatíveis com as novas versões do Firefox.
