Настройка внешнего вида Firefox в userChrome.css

Алексей У. · №13826

Как в Firefox 88 заменить иконки с логотипом браузера в новой вкладке и в окне "О Mozilla Firefox" на старые (синие)? Остальные иконки (на панели задач, в заголовке окна и т. д.) удалось поменять с помощью правки файла firefox.exe, однако в указанных выше местах этот способ не работает.

_zt · №13827

Vitaliy V.
Как применить правило только ко второму одноименному классу? Вы вроде показывали, но я сейчас не найду. Это просто пример.

скрытый текст

Нашел - link[href$="fxview-search-textbox.css"] ~ .search-container

Отредактировано _zt (11-05-2024 15:21:05)

Vitaliy V. · №13828

Алексей У. пишет

Как в Firefox 88 заменить иконки с логотипом браузера в новой вкладке и в окне "О Mozilla Firefox"

Можно добавить в user_chrome_files/user_chrome.manifest

скрытый текст

Выделить код

Код:

override chrome://branding/content/about-logo.png   chrome://user_chrome_files/content/custom_styles/png/about-logo.png

Кроме about-logo.png могут быть другие иконки распакуйте omni.ja и посмотрите по пути omni/chrome/browser/content/branding/
какие ещё иконки вам нужно переопределить

Отредактировано Vitaliy V. (11-05-2024 18:20:00)

beggrr · №13829

Когда я через Панель Разработчика измеряю расстояние на странице, результат, показанный в черном прямоугольнике справа, трудно читаем. Буквы налазят друг на друга и т. д.

Как поменять в этом прямоугольнике font-size, line-height и прочее? Или изменить размеры самого окошка?

Ultima2m · №13830

Подскажите, как убрать полоску над вкладками? Похоже, нужно высоту панели править, а какой это параметр, где искать?

Отредактировано Ultima2m (14-05-2024 05:07:41)

grom17 · №13831

Подскажите, как убрать эту полосу под URL и SEARCH панелями?

_zt · №13832

grom17
Это не полоса, это отступ, поле или ширина nav-bar или его элементов, кнопок, urlbar-container, или urlbar. В общем телепаты в отпуске.
Для начала нужен скриншот от края до края окна и стили примененные к nav-bar и navigator-toolbox.

Отредактировано _zt (14-05-2024 15:29:01)

grom17 · №13833

В принципе сначала отступа не было, хотелось уменьшить высоту вкладок, дописал этот код:

скрытый текст

Выделить код

Код:

/* https://pc.ru/articles/nastrojka-vneshnego-vida-firefox-proton */
#TabsToolbar {
height: 35px !Important; /* Высота панели вкладок */
}
#tabbrowser-tabs {
height: 35px !important; /* Высота вкладок */
}
.tab-close-button {
    padding: 2px !important; /* Размер крестика на вкладке */
  }

и получилось то, что получилось.

Благодарю за участие! Если нужна доп. информация, говорите, я в этих делах не силён.

Портит всю картину этот скрипт:

скрытый текст

/* *********** В К Л А Д К И П О Д А Д Р Е С Н О Й С Т Р О К О Й ************** */

/* Github: https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/tabs/tabs_below_navigation_toolbar.css */
:root {
--tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
--tab-min-height_tnot: 28px; /* Высота ПАНЕЛИ вкладок */
--tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 12px ); /* Интервал между панелью закладок и URL-bar */
}

#TabsToolbar {
position: absolute;
/* display: block; */ /* Удаляет кнопки свернуть ... закрыть в полноэкранном режиме и убрать "Панель Меню" */
bottom: 0;
width: 100vw; /* Длинна панели вкладок 100vw = 100% */
background-clip: padding-box;
color: var(--toolbar-color);
z-index: 2;
}
/* В К Л А Д К И В Н И З У */
@media (-moz-platform: windows),(-moz-platform: linux) {
#navigator-toolbox {
position: relative;
padding-bottom: var(--tab_below_navigation_toolbar_bottom_padding);
}
#tabbrowser-tabs {
width: 100%;
}

...если его не применять, то всё норм.

Если изменить в
--tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 12px ); /* Интервал между панелью закладок и URL-bar */
значение + 12px на + 7px то зазор исчезает.
Если бы не ваше направление куда копать, так бы и "бился об стену". БЛАГОДАРЮ!

Отредактировано grom17 (14-05-2024 20:19:03)

Алексей У. · №13834

Как установить свою иконку вместо пустого места в библиотеке и боковой панели?

скрытый текст

Gostunsky · №13835

Снова вокруг активной вкладки появилась рамка. Стили работают, но раньше в css помогало:

Выделить код

Код:

.tab-background[selected]:not([multiselected="true"]):-moz-lwtheme {
  outline: none !important;
}

Теперь не помогает.

Отредактировано Gostunsky (16-05-2024 21:54:38)

_zt · №13836

Gostunsky
Сначала попробуйте :-moz-lwtheme убрать.
Потом

Выделить код

Код:

.tabbrowser-tab[selected]:not([multiselected="true"]) .tab-background {
  outline: none !important;
}

Затем попробуйте комбинации с border: none !important; и box-shadow: none !important;
С и БЕЗ .tab-background (или оба варианта сразу)
Что то из этого должно помочь. После, лишнее лучше удалить.

Отредактировано _zt (16-05-2024 23:21:36)

Gostunsky · №13837

_zt пишет

Сначала попробуйте :-moz-lwtheme убрать.

Это помогло, спасибо!

Отредактировано Gostunsky (16-05-2024 23:34:41)

Ultima2m · №13838

Наверное, не в эту тему, но вдруг. У меня есть кнопка, которая включает/выключает стиль. Она криво, но работает. А вот стиль работает наполовину. В идеале, он раскрашивает ссылки. И он раскрашивает все, кроме посещенных ссылок. userChrome есть, но он вроде никаким боком не касается.
стиль:

скрытый текст

/*AGENT_SHEET*/
@namespace url(http://www.w3.org/1999/xhtml);

a:hover, a:hover span {
text-decoration: none !important;
text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
transition-duration: .5s !important;
color: yellow !important;
}

a, a span {
text-decoration: none !important;
text-shadow: 3px 3px 5px white, -3px -3px 5px white !important;
color: blue !important;
}

a:visited, a:visited span {
text-decoration: none !important;
text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
color: red !important;
}

a:active, a:active span {color: grey !important;}

@-moz-document domain("www.youtube.com") {a:visited, a:visited span{
text-decoration: none !important;
text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
color: red !important;
}

Почему так?

_zt · №13839

Ultima2m
Начнем с того, что у вас скобка не закрыта. А все потому, что стили надо сразу форматировать, а не кидать как попало.

скрытый текст

Выделить код

Код:

/*AGENT_SHEET*/
@namespace url(http://www.w3.org/1999/xhtml);

a:hover, a:hover span {
    text-decoration: none !important;
    text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
    transition-duration: .5s !important;
    color: yellow !important;
}

a, a span {
    text-decoration: none !important;
    text-shadow: 3px 3px 5px white, -3px -3px 5px white !important;
    color: blue !important;
}

a:visited, a:visited span {
    text-decoration: none !important;
    text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
    color: red !important;
}

a:active, a:active span {
    color: grey !important;
}

@-moz-document domain("www.youtube.com") {
    a:visited, a:visited span {
        text-decoration: none !important;
        text-shadow: 1px 1px 3px black, -1px -1px 3px black !important;
        color: red !important;
    }
}

Ultima2m · №13840

_zt пишет

Начнем с того, что у вас скобка не закрыта.

Это где для Ютуба код? Да, закрыл, но это не влияет на основной код. Вообще мистика какая-то.

_zt · №13841

Ultima2m
А layout.css.visited_links_enabled включен? Без него не должно работать.

Ultima2m · №13842

_zt пишет

А layout.css.visited_links_enabled включен? Без него не должно работать.

Включил. ЗАРАБОТАЛО!
Спасибо, кудесник, спас мой мозг от выкипания.

Алексей У. · №13843

В Firefox 69 для замены пустого места в списке посещенных сайтов (иногда отображался "глобус", иногда пустое место) использовал следующее правило для userContent.css:

скрытый текст

Выделить код

Код:

@namespace svg url("http://www.w3.org/2000/svg");

svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2 6.925 2 8 2zm-2.56.582a7.7 7.7 0 0 0-1.051 2.376H2.837A6.03 6.03 0 0 1 5.44 2.582zm-2.6 8.46h1.549a7.7 7.7 0 0 0 1.051 2.376 6.03 6.03 0 0 1-2.603-2.376zm7.723 2.376a7.7 7.7 0 0 0 1.051-2.376h1.552a6.03 6.03 0 0 1-2.606 2.376z"] {
  filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='defFav' x='0' y='0' width='16' height='16'><feImage x='0' y='0' preserveAspectRatio='none' width='16' height='16' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEX///8AAAAwNTn///////80OT1SVlqPkZT///8xNjtITFA2Oz/P8g/AAAAADHRSTlMNAJ49MZI2Txp+Ryiz1BrQAAAAUUlEQVQI12MQhAIG6UlMakkKmhsZRIuZLZoNzAMZhBoYgIBDkUGYAQwMGYQgDEU4AyElBWEsxKMGISKaAKLZAhnEg0CWqhYyCLiIOLA4ujACAIA9C6BZulMdAAAAAElFTkSuQmCC'/></filter></svg>#defFav") !important;
}

Оно работало везде, где можно просматривать историю посещений: в окне библиотеки, в боковой панели, в выпадающих меню. В 88 версии это правило работать перестало. Как сделать, чтобы снова отображалась интересующая меня иконка?
Было

скрытый текст

Стало

скрытый текст

_zt · №13844

Алексей У.
ucf установлен?

Алексей У. · №13845

_zt пишет

Алексей У.
ucf установлен?

Конечно, без него сейчас трудно [firefox] привести к нормальному виду, одних стилей уже не хватает.

_zt · №13846

Алексей У.
В user_chrome.manifest, в конце, добавьте строку

Выделить код

Код:

override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/png/globe.png

Где png/globe.png это подпапка 'png' с файлом вашей иконки в папке .\profile\chrome\user_chrome_files\custom_styles
В общем, путь должен быть прописан как chrome://user_chrome_files/content/... , а не как в ФС.

Отредактировано _zt (19-05-2024 13:12:59)

Алексей У. · №13847

_zt пишет

Где png/globe.png это подпапка 'png' с файлом вашей иконки в папке .\profile\chrome\user_chrome_files\custom_styles

Папки content там нет - как я понимаю, ее нужно создать?

_zt · №13848

Алексей У.
Нет. Я же написал, путь chrome://user_chrome_files/content/... в chrome, это путь .\profile\chrome\user_chrome_files\... в ФС.

Короче, кидайте свою иконку с именем globe.png в корень ucf и пишите

Выделить код

Код:

override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/globe.png

Отредактировано _zt (19-05-2024 14:16:11)

Ultima2m · №13849

А можно вернуть иконку текущего поисковика в окошке поиска вместо линзы?

Алексей У. · №13850

_zt пишет

Я же написал, путь chrome://user_chrome_files/content/... в chrome, это путь .\profile\chrome\user_chrome_files\... в ФС.

Все, разобрался, благодарю, буду пробовать. С этим способом понятно, а все же стилем никак нельзя заменить?

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer