Android

Como alterar a aparência da barra laranja no firefox

como mudar a cor da barra do mozilla firefox

como mudar a cor da barra do mozilla firefox

Índice:

Anonim

Eu amo o jeito que o Firefox pode ser personalizado. Quero dizer, não há nada no navegador que não possa ser alterado ou modificado de acordo com a necessidade e o conforto de um usuário. Enquanto no fim funcional about: config as preferências podem ser ajustadas para conseguir quase qualquer coisa, na frente estética temos componentes CSS que podem ser definidos para modificar a aparência da interface.

Vamos considerar o botão laranja do Firefox, que é colocado no canto superior esquerdo do navegador, e ver como sua aparência pode ser alterada. Por exemplo, confira a imagem (abaixo) e observe como eu mudei a cor de laranja para vermelho, o texto de branco para preto e do Firefox para. Interessante, certo?

Veja como você pode fazer alterações semelhantes.

Etapas para personalizar a aparência do botão do Firefox

Cada perfil que você cria no Firefox tem um arquivo CSS associado a ele. Destina-se a entradas do usuário para variar o show do navegador. No processo, também lhe diremos como encontrar esse arquivo ou criar um, se ele não existir.

Etapa 1: abra o Firefox e navegue até o Firefox (o botão laranja) -> Ajuda -> Informações sobre solução de problemas.

Etapa 2: uma nova guia será lançada. Procure a seção lendo noções básicas de aplicativos. Para chegar à sua pasta de perfil, clique no botão Show Folder. É sugestivo para abrir a pasta de perfil daqui porque se houver vários perfis você pode não saber qual deles está sendo usado.

Passo 3: No seu diretório de perfil, você encontrará uma pasta chamada chrome. Se você não consegue encontrar isso, você pode criar um.

Etapa 4: Nesta pasta, deve haver um arquivo chamado userChrome.css. O nome deve ser exatamente como escrito aqui.

Novamente, se você não puder encontrá-lo, você pode criar um. Se estiver lá, vá para a Etapa 7. Continue com a Etapa 5.

Etapa 5: Clique com o botão direito do mouse no espaço vazio e crie um Novo -> Documento de Texto. Uma vez feito, abra o arquivo com o Bloco de Notas.

Passo 6: Agora vá para Arquivo e Salvar como o documento como userChrome.css. Certifique-se de alterar o tipo Salvar como para Todos os arquivos na parte inferior da caixa de diálogo Salvar. Clique em Salvar e feche o documento.

Etapa 7: Abra o arquivo userChrome.css com o Bloco de Notas. Simplesmente clique com o botão direito no arquivo e escolha Abrir com -> Bloco de Notas.

Etapa 8: copie o snippet de código abaixo (como está) e anexe-o ao arquivo. Salve as alterações.

@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

# appmenu-button {

fundo: # laranja ! importante;

}

# appmenu-button dropmarker: before {

conteúdo: " Firefox "! importante;

cor: # FFFFFF ! importante;

}

# appmenu-button.button-text {

exibir: nenhum! importante;

}

Observe os pedaços em negrito. Eles representam a cor do botão, texto e cor do texto, respectivamente. Para alterar a aparência do botão, você pode modificar esses valores. Aqui está o código que corresponde à imagem que você viu no começo.

Se você não tem conhecimento sobre os códigos Hex, você pode consultar este link. Ou você pode verificar este.

Conclusão

Essa mudança é apenas menor. Se você conseguir dominar os códigos, você poderá fazer uma transformação em praticamente qualquer coisa no Firefox. Se você tem alguns daqueles que você tem usado por todos esses anos, compartilhe com nossos leitores e ajude a trazer sorrisos para os novatos usuários do Firefox por aí.