Forçar a barra de título do Firefox a usar as cores do tema do sistema operacional Windows

Desabilitar o Proton não é mais possível a partir do Firefox 91; e a partir do Firefox 92, não há mais uma opção integrada para usar a cor de destaque do Windows.

Você pode usar um tema do Firefox para adicionar cores definidas a certos elementos, mas se você realmente deseja restaurar a capacidade de usar a cor do tema do sistema, você precisa usar um arquivo userChrome.css.

Eu escrevi um arquivo fazendo exatamente isso:

/* Show active colors on main menu bar */
#TabsToolbar,
#navigator-toolbox,
#tabs-newtab-button,
#titlebar toolbarbutton:not(:hover):not(:active),
#scrollbutton-up:not(:hover):not(:active),
#scrollbutton-down:not(:hover):not(:active),
.titlebar-color {
    background: AccentColor !important;
    color: AccentColorText;
    fill: AccentColorText !important;
}

#TabsToolbar:-moz-window-inactive,
#navigator-toolbox:-moz-window-inactive,
#tabs-newtab-button:-moz-window-inactive,
#titlebar toolbarbutton:not(:hover):not(:active):-moz-window-inactive,
#scrollbutton-up:not(:hover):not(:active):-moz-window-inactive,
#scrollbutton-down:not(:hover):not(:active):-moz-window-inactive,
.titlebar-color {
    background: unset !important;
    color: unset;
    fill: unset !important;
    transition: none !important;
}

Adicione isso ao seu arquivo userChrome.css e você deve ter suas cores de volta como costumavam ser. (Pelo menos até a Mozilla quebrar as coisas novamente.)

Eu não posso dizer a diferença entre a janela ativa e inativa.

São abas, não janelas.

Existem várias maneiras de alterar as cores.

1. Desative o próton.

   Ele pode ser desabilitado definindo browser.proton.enabledcomo false.

   A Mozilla tem o hábito de desabilitar essas opções para que não esteja disponível no Firefox 90.

2. Você pode modificar userChrome.csspara alterar essas cores.

   Exemplo:

   .tabbrowser-tab[selected] .tab-label {
     color: black !important;
     font-weight: bold !important;
   }
   
   .tabbrowser-tab[selected] .tab-content {
     background: #fcb731 ! important;
   }
   
   .tabbrowser-tab:not([selected]) .tab-content {
     background: #585060;
   

   Outro exemplo:

    /* Use color and shape to make the tabs look more like tabs */
    .tab-background {
      background: #585060;
      border-radius: 9px 9px 0 0 !important;
      margin-bottom: 0px !important;
      box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
      border: 1px solid rgba(0,0,0,.5) !important;
      border-bottom-width: 0px !important;
    }
   
    /* Selected tabs I want a bright background with a dark foreground */
      .tabbrowser-tab[selected] .tab-background {
      background: #fcb731 !important;
    }
    .tabbrowser-tab[selected] .tab-label {
      color: black !important;
      font-weight: bold !important;
    }
    /* Draw a solid line underneath to make the selected tab look  connected* to the rest of the browser */
    #TabsToolbar {
      border-bottom: 2px solid #fcb731 !important;
    }
   
    /* Hover over tabs */
    .tabbrowser-tab:hover .tab-background:not([selected]) {
      background: #686070 !important;
    }
   

3. Instale a extensão Firefox Color :

   Crie, salve e compartilhe belos temas do Firefox.

   Vá para a configuração Advanced Colors / Tab Selected.

Fonte: Pensamentos de Amit: aparência da guia do Firefox 89

Clique com o botão direito em qualquer botão da barra de ferramentas e selecione Customize Toolbar...no menu de contexto. A página de personalização é aberta. No canto inferior esquerdo, marque a caixa de seleção Title bar.

Isso restaura o comportamento do Firefox antes da versão 89. Se a caixa de seleção não estiver marcada, o Firefox diz ao seu gerenciador de janelas para não adicionar uma barra de título.

Como dito sapanoia, clique com o botão direito em qualquer botão da barra de ferramentas e selecione Customize Toolbar...no menu de contexto. A página de personalização é aberta.

Dito isso, na parte inferior da tela, clique no botão suspenso "Tema" e selecione o "Tema do sistema".

Fiz uma pesquisa em about:config para draw para verificar o status de

browser.tabs.drawInTitlebar

viu gfx.draw-color-bars Parece que se você alternar true(o padrão é false) ele retorna à seguinte cor do sistema para as barras de título ativas/inativas