Como consertar a interface do usuário do Firefox 89

Experimente Nosso Instrumento Para Eliminar Problemas

Um novo design de interface, chamado Proton, será lançado no Firefox 89, com lançamento previsto para 1º de junho de 2021. A Mozilla quer modernizar a interface do usuário do navegador Firefox com o Proton.

O Firefox 89 vem com mudanças na barra de endereço, barra de ferramentas, guia e menu. Um denominador comum é que tudo ficará muito maior na nova interface. O Proton removerá algumas opções do Firefox ou as ocultará. A opção de densidade compacta não será mais exibida na página 'personalizar' do navegador se não tiver sido usada no passado. Embora seja possível restaurá-lo , a maioria dos usuários não o fará porque requer a edição de uma preferência de configuração que não pode ser descoberta acidentalmente.

Os usuários do Firefox que desejam um design mais compacto podem usar o guia vinculado acima para habilitar a opção de densidade compacta no navegador para começar a usá-lo. Outra opção é modificar os elementos da interface do usuário com CSS.

Firefox UI Fix inclui consertos CSS que modificam a interface de usuário do Firefox 89+ para torná-la mais compacta. Ele reduz o preenchimento e outros elementos de design para melhorar a usabilidade para usuários que preferem interfaces leves em vez de grandes.

Aqui estão duas imagens da interface do Firefox 89 após as correções serem feitas. A primeira captura de tela mostra o design de densidade normal, a segunda, o design de densidade compacta.

interface otimizada do firefox 89 normal interface otimizada do firefox 89

Instalando o Firefox UI Fix

A instalação não é tão simples quanto instalar um complemento do Firefox, mas também não é complicada.

Primeiro, você deve preparar o Firefox para permitir que os arquivos CSS modifiquem a interface do usuário:

  1. Carregue about: config na barra de endereços do Firefox.
  2. Confirme que você será cuidadoso.
  3. Pesquise toolkit.legacyUserProfileCustomizations.stylesheets.
    1. Use o botão de alternância para definir seu valor como TRUE.
  4. Pesquise svg.context-properties.content.enabled.
    1. Use o botão de alternância para definir o valor da preferência como TRUE.

Uma vez feito isso, baixe os dois arquivos CSS do repositório Github do projeto . Selecione userChrome.css primeiro para exibi-lo no GitHub, em seguida, o botão RAW para exibi-lo e clique com o botão direito na página e use Salvar como para fazer o download. O nome do arquivo deve ser userChrome.css no seu computador. Repita as etapas para o arquivo userContent.css.

No Firefox, carregue o about: support e ative o botão 'mostrar pasta' ao lado da pasta de perfil; isso abre a pasta de perfil no navegador de arquivos do sistema. Você pode fechar o Firefox agora.

Crie uma pasta 'chrome' na raiz do perfil se ela não existir. Coloque os dois arquivos, userChrome.css e userContent.css, dentro da pasta chrome e inicie o Firefox novamente.

O Firefox usa as instruções CSS e a interface foi alterada visivelmente.

Observe que pode ser necessário verificar o repositório GitHub ocasionalmente para atualizações. Se os arquivos foram atualizados, baixe-os e substitua os arquivos mais antigos no diretório chrome.

Se você conhece CSS, pode modificar as informações para personalizar ainda mais a interface.

Agora você : qual é a sua preferência de interface de usuário, compacta, normal ou ainda maior?