Como deixar as abas do Firefox mais fininhas

Publicado por Perfil removido em 04/10/2024

[ Hits: 2.159 ]

 


Como deixar as abas do Firefox mais fininhas



Uma coisa que me incomoda no Firefox são as abas com altura tão "grande", que rouba espaço de tela principalmente em máquinas como notebooks com telas pequenas ou resolução mais baixas.

Linux: Como deixar as abas do Firefox mais fininhas

Aqui vou mostrar como deixar as abas mais "adequadas" e pode ser configurado conforme a necessidade de cada um.

  • Abra o Firefox e digite sem as aspas no campo de endereços " about:config ";
  • Procure por " toolkit.legacyUserProfileCustomizations.stylesheets " e marque-o como " True ";
  • Depois disso, de novo no campo de endereços, digite sem as aspas " about:support ";
  • Na seção Pastas de perfil, clique em Abrir Pasta (isso abrirá a pasta de perfil do Firefox no seu sistema de arquivos);
  • Se não existir, crie nessa pasta a pasta " chrome ";
  • Dentro da pasta chrome criada ou pré-existente, crie o arquivo userChrome.css e coloque o seguinte conteúdo:

:root {
--tab-max-height: 24px !important;
--tab-min-height: 0 !important;
--urlbar-toolbar-height: var(--tab-max-height) !important;
}

/* Bar resizing */
#nav-bar,
.toolbar-items,
.titlebar-buttonbox-container,
.tab-content,
.tab-background,
.tab-label-container {
height: var(--tab-max-height);
}
.tab-background {
margin: 0 !important;
}
.tab-secondary-label {
#font-size: 1 !important;
#margin: 1 1 1 !important;
font-size: 0 !important;
margin: -.6em 0 .5em !important;
}

/* Selection highlight */
#nav-bar toolbaritem,
#nav-bar toolbarbutton {
--focus-outline: none;
--slimbar-highlight-color: color-mix(in srgb, var(--lwt-toolbar-field-highlight) 40%, var(--toolbar-bgcolor));
/* --toolbar-field-focus-background-color: var(--slimbar-highlight-color); */
}
#nav-bar toolbaritem:focus-visible,
#nav-bar toolbarbutton:focus-visible,
#nav-bar toolbaritem #identity-icon-box:focus-visible,
#nav-bar toolbaritem #star-button-box:focus-visible,
#nav-bar toolbaritem .unified-extensions-item-action-button:focus-visible {
background-color: var(--slimbar-highlight-color) !important;
}
#TabsToolbar {
padding-top: 0.1em !important; /* Espaço na parte superior do contêiner das abas - 0 é sem espaço */
padding-bottom: 0.1em !important; /* Com espaço extra na parte inferior - 0 é sem espaço */
}

Salve o arquivo, feche o Firefox e abra-o de novo; se tiver corrido tudo bem as abas estarão bem mais baixas e com o texto centralizado. A linha:

--tab-max-height: 30px !important;

podemos ver o valor de 30, mude para mais ou para menos para adequar a altura das abas ao seu gosto. Há também linhas com outros valores que podem ser experimentadas, como as:

--tab-min-height: 0 !important;
margin: 0 !important;
font-size: .5em !important;
margin: -.6em 0 .5em !important;
--slimbar-highlight-color: color-mix(in srgb, var(--lwt-toolbar-field-highlight) 40%, var(--toolbar-bgcolor));

mas aí é com vocês. O valor de 24 e deixando o resto como está fica bem conveniente para a maioria dos casos.

Linux: Como deixar as abas do Firefox mais fininhas
Outras dicas deste autor

Big Busca: site de busca eficiente e promissor

Instalando Grub Customizer no Debian 10 Buster

Personalizando seu prompt facilmente

Como trocar o encode de ISO para UTF-8 e trocar as quebras de linha (EOL) de formato Windows para Unix

Atualizando o firmware dos modens HUAWEI

Leitura recomendada

Linspire Songs: player de áudio desenvolvido pela equipe do Linspire

VLC: Instalando sua versão mais recente no Ubuntu

Instalando VMware Workstation 8.0 no openSUSE 12.1

Netbeans recém instalado em Linux que não cria novos arquivos ou projetos

Puxando a sardinha para o Xubuntu

  

Comentários
[1] Comentário enviado por maurixnovatrento em 12/10/2024 - 00:47h



show.
______________________________________________________________________
Inscreva-se no meu Canal: https://www.youtube.com/@LinuxDicasPro
Repositório GitHub do Canal: https://github.com/LinuxDicasPro
Grupo do Telegram: https://t.me/LinuxDicasPro
Meu GitHub Pessoal: https://github.com/mxnt10



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts