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

grom17 · №14051

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

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

Код:

/* 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)

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

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

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

Gostunsky · №14053

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

Выделить код

Код:

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

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

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

_zt · №14054

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 · №14055

_zt пишет

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

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

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

Ultima2m · №14056

Наверное, не в эту тему, но вдруг. У меня есть кнопка, которая включает/выключает стиль. Она криво, но работает. А вот стиль работает наполовину. В идеале, он раскрашивает ссылки. И он раскрашивает все, кроме посещенных ссылок. 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 · №14057

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 · №14058

_zt пишет

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

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

_zt · №14059

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

Ultima2m · №14060

_zt пишет

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

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

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

В 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 · №14062

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

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

_zt пишет

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

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

_zt · №14064

Алексей У.
В 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)

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

_zt пишет

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

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

_zt · №14066

Алексей У.
Нет. Я же написал, путь 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 · №14067

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

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

_zt пишет

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

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

_zt · №14069

Алексей У.
Можно наверное, а какой в этом смысл?

Ultima2m
Это надо Vitaliy V. просить. .searchbar-engine-image как то получает иконку текущего поисковика, а вот как ее вместо лупы приделать мне не понятно.

Отредактировано _zt (19-05-2024 18:09:01)

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

_zt пишет

Можно наверное, а какой в этом смысл?

Для меня так проще и привычнее потому, что стилями пользуюсь с 2020 г., когда поставил Firefox 69 и узнал о возможностях CSS. В 88 версии стилей уже стало недостаточно, вот и пришлось ставить UsrChromeFiles (тот же dropmarker стилями уже не вернуть, а вот с помощью скрипта удалось).

_zt · №14071

Алексей У.
Неубедительно, цель - сменить везде значок по умолчанию, цель достигнута. Остальное "перламутровые пуговицы".
Попробуйте как то так, только вместо chrome://global/skin/icons/folder.svg вписать chrome://global/skin/icons/defaultFavicon.svg , в url("...") можно вписать путь значка или значок в base64 или в svg, если будете писать в svg, то не забудьте везде в нем сменить " на ', если будете использовать путь, то можно как в манифесте или от папки chrome, если стиль будет в userContent.css.

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

_zt пишет

Попробуйте как то так

Пробовал в различных вариантах - не работает. Открыл с помощью WinRar omni.ja - иконки defaultFavicon.svg не нашел. Может быть путь неверно указан?

grom17 · №14073

Помогите добавить недостающие пункты.

https://ru.files.me/u/dssmvks4sr
ВОПРОС СНЯТ.

Отредактировано grom17 (20-05-2024 09:42:36)

_zt · №14074

Алексей У.
Как неверно, если в манифесте работает?

xrun1 · №14075

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

иконки defaultFavicon.svg не нашел

chrome\toolkit\skin\classic\global\icons\
UPD: В браузере это адрес chrome://global/skin/icons/defaultFavicon.svg

Отредактировано xrun1 (20-05-2024 11:38:57)

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

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