Adaptive Tab Bar Colour от Eason & Yue

Что делает это дополнение?

Это дополнение динамически настраивает тему Firefox в соответствии с внешним видом просматриваемого вами сайта, аналогично функции тонирования панели вкладок в Safari на macOS.

Отлично работает вместе с

• Dark Reader
• Stylus
• Dark Mode Website Switcher

Несовместимо с

• Adaptive Theme Creator
• Chameleon Dynamic Theme
• VivaldiFox
• Envify
• Любыми другими дополнениями, которые изменяют тему Firefox

Настройка цветовых переходов

Firefox изначально применяет эффект перехода к изменениям цвета панели вкладок. Чтобы отключить это поведение и позволить Adaptive Tab Bar Colour (ATBC) обновлять цвета мгновенно, добавьте следующий код в вашу CSS-тему:

:root {

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

}

В качестве альтернативы, вы можете предпочесть плавные цветовые переходы для панели вкладок. Поскольку это не может поддерживаться изначально из-за технических ограничений, добавьте следующий код в вашу CSS-тему (спасибо @Moarram):

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

transition:

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

}

Чтобы включить плавные переходы цвета в интерфейсе Sidebery, добавьте следующий код в редактор стилей Sidebery (спасибо @MaxHasBeenUsed):

.Sidebar, .bottom-space {

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

}

Адаптивная тема в контекстных меню

Чтобы применить адаптивную тему к контекстным меню, добавьте следующий код в вашу CSS-тему:

:is(menupopup, panel):where(:not([type="arrow"])) {

--panel-background-color: unset !important;
--panel-border-color: unset !important;

}

Кроме того, необходимо отключить нативные контекстные меню, открыв about:config и установив следующие параметры в значение false:

• widget.gtk.native-context-menus (Linux)
• widget.macos.native-context-menus (macOS)

Совместимость со сторонними CSS-темами

Сторонняя CSS-тема работает с Adaptive Tab Bar Colour (ATBC), если они используют стандартные цветовые переменные Firefox (например, --lwt-accent-color для цвета панели вкладок). Вот пример CSS-темы, совместимой с ATBC.

Кнопки заголовка в Linux с темой GTK

Кнопки заголовка Firefox могут вернуться к стилю Windows. Чтобы этого избежать, откройте «расширенные настройки» (about:config) и установите параметр widget.gtk.non-native-titlebar-buttons.enabled в значение false. (Спасибо @anselstetter)

Напоминание о безопасности

Остерегайтесь вредоносных веб-интерфейсов. Важно различать интерфейс браузера и веб-интерфейс. Для получения дополнительной информации см. The Line of Death. (Спасибо u/KazaHesto)