Adaptive Tab Bar Colour por Eason & Yue

ATBC may appear “restricted” because v4.0.3 was recently deleted. If this happens, please re-enable the add-on and click “Check for updates” in the add-on manager.

O que a extensão faz?

Essa extensão ajusta dinamicamente o tema do Firefiox para combinar com a aparência do site que você está visualizando, similar a função de coloração das abas do macOS

Funciona bem com

• Dark Reader
• Stylus
• Dark Mode Website Switcher

Incompatível com

• Adaptive Theme Creator
• Chameleon Dynamic Theme
• VivaldiFox
• Envify
• Qualquer outra extensão que modifique o tema do Firefox

Removendo a sombra abaixo da barra de ferramentas

Para remover a fina sombra projetada por conteúdo web na barra de ferramentas, vá em Opções (about:preferences) e desative “Mostrar Painel Lateral” na seção "Disposição do Navegador". Alternativamente, adicione o seguinte código a seu tema CSS:

#tabbrowser-tabbox, .browserContainer {

box-shadow: none !important;

}

Personalizar transições de cores

O Firefox aplica nativamente um efeito de transição às mudanças de cor da barra de abas. Para desativar esse comportamento e permitir que Adaptive Tab Bar Colour (ATBC) atualize as cores instantaneamente, adicione o seguinte código ao seu tema CSS:

:root {

--ext-theme-background-transition: none !important;--inactive-window-transition: none !important;

}

Alternativamente, você pode preferir transições de cores suaves para a barra de abas. Como isso não pode ser suportado nativamente devido a limitações técnicas, adicione o seguinte código ao seu tema CSS (obrigado a @Moarram):

#navigator-toolbox, #TabsToolbar, #nav-bar, #PersonalToolbar, #sidebar-box, .tab-background, .urlbar-background, findbar {

transition:

background-color 0.5s cubic-bezier(0, 0, 0, 1), border-color 0.5s cubic-bezier(0, 0, 0, 1) !important;

}

Para ativar a transição suave de cores na interface da Sidebery, adicione o seguinte código ao Editor de Estilo da Sidebery (graças a @MaxHasBeenUsed):

.Sidebar, .bottom-space {

transition: background-color 0.5s cubic-bezier(0, 0, 0, 1) !important;

}

Compatibilidade com temas CSS de terceiros

Um tema de CSS de terceiros funciona com Adaptive Tab Bar Colour (ATBC), desde que use as variáveis de cor padrão do Firefox (por exemplo: --lwt-accent-color para a cor da barra de abas). Esse é um exemplo de um tema CSS compatível com ATBC.

Botões da barra de título no Linux com tema GTK

Os botões da barra de título do Firefox podem voltar ao estilo do Windows. Para prevenir isso, vá em “Preferências Avançadas” (about:config) e defina widget.gtk.non-native-titlebar-buttons.enabled como false. (graças a @anselstetter)

Lembrete de segurança

Tenha cuidado com interfaces web maliciosas. É importante distinguir entre a interface do navegador e a interface web. Para mais informações, acesse The Line of Death. (graças a u/KazaHesto)

Sinta-se à vontade para favoritar esse projeto no GitHub: https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour