Como ocultar barra de guias (tabstrip) no Firefox 57+ Quantum

Como ocultar / desativar / remover a barra de guias do Firefox 57+ ("Quantum")?

O objetivo é apenas ocultar totalmente a barra de guias. Útil se combinado com extensões como "Guia Estilo da árvore".

Nota: existe uma pergunta semelhante aqui: O Firefox oculta tudo, exceto a área de conteúdo do navegador, mas não é adequadamente dividido em tarefas logicamente independentes. Além disso, está desatualizado.

1. Abra o "diretório de perfil" do firefox
   • Documentos oficiais sobre como fazer isso: https://support.mozilla.org/pt-BR/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • Ou apenas abra:
     • Linux: ~/.mozilla/firefox/<profile>
     • OSX:
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • ou ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • Janelas: %appdata%\Mozilla\Firefox\Profiles\<profile folder>
2. Crie um diretório chrome/se ele não existir
3. Crie um arquivo chrome/userChrome.cssdentro se ele não existir.

4. Adicione este texto ao arquivo:

   #TabsToolbar { visibility: collapse !important; }
   

5. Verifique se a configuração toolkit.legacyUserProfileCustomizations.stylesheetsestá definida como true(necessária para o Firefox69 +, a versão estável desde setembro de 2019), consulte este tutorial .

6. Salve o arquivo e recarregue o Firefox. Você não verá mais barra de guias.

Solução PS parcialmente retirada daqui: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

Quero que a barra de guias oculte automaticamente quando houver uma guia e apareça quando houver várias. Não é o mesmo que a pergunta, mas este é o único resultado do Google no momento para mais de 57 anos, portanto, para aqueles que precisam deleuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

Infelizmente, atualmente essa personalização de interface do usuário não é possível através das APIs de complemento suportadas pelo Firefox Quantum; uma solução adequada será possível depois que o Bug 1332447 for resolvido.

Até então, o tweak de VasyaNovikov userChrome.cssfuncionava, embora editar esse arquivo seja definitivamente uma opção por sua conta e risco e não oficialmente suportada.

Eu destilei a resposta de VasyaNovikov em uma essência para rodar no meu Linux e OS X boxen, espero que ajude qualquer pessoa com várias máquinas pessoais. Quero salientar também que, depois de aplicar sua resposta, o botão Voltar ficará embaixo do botão Fechar no OS X. A correção é inserir três espaços flexíveis na barra de ferramentas (clique com o botão direito do mouse na barra de ferramentas, selecione Personalizar ... e, em seguida, insira três espaços para que o botão Voltar se mova para a direita).

Se alguém tiver o CSS certo para inserir no userChrome.css para obter o efeito equivalente no botão Voltar, isso será muito apreciado.

Adicionar ao userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Funciona no Firefox 70.0, mas _ □ Xestá faltando.