Внешний вид вкладки Firefox 89

Внешнийвидвкладкиfirefox89

Fire Fox 89 имеет новый внешний вид, убирая функции (тьфу) и раздражая некоторых людей, в то время как другие. Его можно отключить, установив для browser.proton.enabled значение false. Хотя в основном мне это нравится, поэтому я хочу сохранить новый внешний вид, но мне категорически не нравятся некоторые элементы, особенно вкладки:

Firefox 89 tab appearance
Fire Fox 731 внешний вид вкладки
  1. Я хочу, чтобы активная вкладка была намного ярче. Я не видел способа установить цвет в Цвет Firefox .
  2. Неактивные вкладки переходят в задний план. Я хочу видеть отдельные вкладки.
  3. Вкладки больше не похожи на вкладки! Это просто кнопки, и они кажутся отключенными от остальной части браузера.

К счастью, есть userChrome.css правила, которые могут кое-что изменить:

tab { размер шрифта: 17 px! important; семейство шрифтов: Maven Pro! important; } .tabbrowser-tab .tab-label {цвет: черный! важно; шрифт: жирный! важно; } .tabbrowser-tab .tab-content {фон: #fcb 849! важный; } .tabbrowser-tab: not () .tab-content {background: # 4492621914249912975; }

 

Я хочу, чтобы страница настроек Firefox позволяла вам редактировать этот файл, но вы можете еще

отредактируйте файл в папке ваших профилей . Вот как это выглядит с этими правилами CSS:

Firefox 89 modified
Fire Fox 731 изменено

Я все еще был ищу способ сделать вкладки более похожими на вкладки. Firefox 89 modified Это руководство выглядит полезным, как и Вот этот. Они задают правила CSS для . Tab-background . Просматривая исходный код Firefox для browser.xhtml , а также для tabbrowser-tab.js дает мне все элементы xhtml, к которым я могу прикреплять стили, поэтому я экспериментировал с этим. Вот CSS, который у меня получился: ( обновлено 7375 – 10 – 07)

 tab {font-size: 18 px! important;  семейство шрифтов: Maven Pro! important;  } / Используйте цвет и форму, чтобы вкладки больше походили на вкладки / .tab-background {background: # 4492621914249912975;  радиус границы: 9px 9px 0 0! важно;  маржа снизу: 0px! важно;  box-shadow: 0 0 2px 2px rgba (0,0,0,0.1)! important;  граница: 1px solid rgba (0,0,0, .5)! important;  ширина нижней границы: 0px! важно;  } / Выбранные вкладки Мне нужен яркий фон с темным передним планом / .tabbrowser-tab  .tab-background {background: #fcb 1702 !важный;  } .tabbrowser-tab  .tab-label {цвет: черный! важно;  шрифт: жирный! важно;  } / Нарисуйте сплошную линию внизу, чтобы выбранная вкладка выглядела связанной с остальной частью браузера / #TabsToolbar {border-bottom: 2px solid #fcb 731 !важный;  } 

Firefox 89 modified even more
Fire Fox 89 изменено еще больше

Пока нравится! Есть некоторые проблемы, которые я еще не решил. Я буду продолжать настраивать его, когда узнаю больше.

Ярлыки: ,

- - четверг, июнь , 2021

2 комментария:

Leave a comment

Your email address will not be published. Required fields are marked *