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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1237625-08-2022 00:15:10

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: unknown 0.0

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

westyles
У меня этот код на 102 тоже не работает. На 101 работает, на 103 работает, на этой нет.

Отсутствует

 

№1237725-08-2022 03:59:54

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 103.0

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

westyles
Может я чего не правильно понял. Вы этот код ищете?
https://github.com/Aris-t2/CustomCSSfor … o_icon.css
Раскраска значка https://github.com/Aris-t2/CustomCSSfor … orized.css

Отредактировано xrun1 (25-08-2022 04:01:33)

Отсутствует

 

№1237825-08-2022 15:47:42

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

xrun1 пишет

Может я чего не правильно понял. Вы этот код ищете?

Да, это оно, но как сказал и kazarin, это оказывается не работает на 102, проверил на 102.1 и 102.2., других у меня нет.
Вот записал видео, о чем я, как делаю и что происходит, что не перебивает параметр почему-то, и что с этим делать и как победить легально пока не ясно, другой версии ESR нету:
https://drive.google.com/file/d/1XALkaF … sp=sharing
На записи делал медленно действия и повторял, чтобы было понятнее. Это в режиме компактном! Обычный режим не скрывает иконку.

Отредактировано westyles (25-08-2022 15:51:52)

Отсутствует

 

№1237925-08-2022 16:25:17

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 102.0

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

Пользовался [firefox] 91 ESR. Решил посмотреть, что из себя представляет [firefox] 102 ESR и сразу же столкнулся с ужасным видом меню закладок:
untitled-1.png
Возможно ли вернуть прежний вид?
untitled-2.png
Или придется мириться с этим жутким новым видом меню закладок?


«The Truth Is Out There»

Отсутствует

 

№1238025-08-2022 18:14:06

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 103.0

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

ветка большая, все не пересмотреть) как уменьшить высоту панели вкладок? ff103.
поиск по TabsToolbar height не помог.

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

Уменьшил высоту вкладок с помощью кода:

:root {
  --tab-min-height: 24px !important; }
:root[uidensity=touch] {
  --tab-min-height: 32px !important; }
#TabsToolbar {
  height: calc(var(--tab-min-height) + 2px) !important; }

та же задача. Ваш код не срабатывает

Отредактировано iamgdv (25-08-2022 18:56:11)

Отсутствует

 

№1238125-08-2022 18:15:58

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

westyles, kazarin
Ну представленные мной выше коды были проверены и в 102.2.0esr в том числе, тем паче что этот код у меня в портативном 102.2.0esr и выше успешно работал, и именно с компактным режимом значков.
Только смену значков звука перенёс давно в user_chrome.manifest комплекта user_chrome_files, а вчера код чуток подрихтовал, как здесь под вторым спойлером.
unter_officer

Возможно ли вернуть прежний вид?

Что-то похожее я здесь недавно пытался сделать, только цвета и отступы возможно придётся подобрать свои. А тут для бордюра стиль Vitaliy V.

Отсутствует

 

№1238225-08-2022 19:51:04

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 104.0

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

iamgdv пишет

ветка большая, все не пересмотреть) как уменьшить высоту панели вкладок? ff103.
поиск по TabsToolbar height не помог.

На предыдущей странице посмотрите...


Win7

Отсутствует

 

№1238325-08-2022 20:24:06

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

sandro79 пишет

Ну представленные мной выше коды были проверены и в 102.2.0esr в том числе, тем паче что этот код у меня в портативном 102.2.0esr и выше успешно работал, и именно с компактным режимом значков.

Попробовал отдельный нетронутый core 102.2 через libportable и отдельно через x-firefox:

скрытый текст
Добавил в профиль userChrome.css

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Этот файл userChrome.css должен находиться в папке "chrome" в корне папки профиля  */


:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 2px !important;
}
.tab-icon-overlay[soundplaying] {
	list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
.tab-icon-overlay[muted] {
	list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
    opacity: 1 !important;
}
/* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков, для компактных browser.uidensity = 1 не требуется */
.tab-secondary-label {
    display: none !important;
}

и user.js

Выделить код

Код:

// >>>>>>>>>>>>> 

user_pref("browser.compactmode.show", true); //  Показать пункт в персонализации в меню значков "Компактные (не поддерживается)"
user_pref("browser.uidensity", 1); // включает компактный режим
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); // для работы userChrome.css и userContent.css
user_pref("browser.cache.disk.parent_directory", "%TEMP%");

Не работает!
Иконки меняются у звука, икона звука отодвигается, а фавикон исчезает!!!!
Может надо что-то еще включить или добавить в css или ещё куда?

Отсутствует

 

№1238425-08-2022 20:35:24

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

westyles пишет

Может надо что-то еще включить или добавить в css или ещё куда?

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); удалите и заработает! Других вариантов не знаю.
В начале стиля браузера chrome://browser/skin/tabs.css прописано @namespace html url("http://www.w3.org/1999/xhtml");

Отредактировано sandro79 (25-08-2022 20:45:52)

Отсутствует

 

№1238525-08-2022 20:53:34

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 104.0

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

kokoss пишет

На предыдущей странице посмотрите...

СПАСИБО

Отсутствует

 

№1238625-08-2022 21:30:06

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 102.0

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

sandro79 пишет

Что-то похожее я здесь недавно пытался сделать, только цвета и отступы возможно придётся подобрать свои. А тут для бордюра стиль Vitaliy V.

sandro79, спасибо.
В целом получилось что-то похожее.
untitled-3.png
Но появился ещё вопрос. Как изменить этот серый цвет при наведении на свой?


«The Truth Is Out There»

Отсутствует

 

№1238725-08-2022 21:48:59

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

unter_officer пишет

Как изменить этот серый цвет при наведении на свой?

А там этот цвет задан в первом правиле (#AEAEAE).

Отсутствует

 

№1238825-08-2022 21:49:42

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

sandro79 пишет

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); удалите и заработает! Других вариантов не знаю.
В начале стиля браузера chrome://browser/skin/tabs.css прописано @namespace html url("http://www.w3.org/1999/xhtml");

Во! В этом проблема была, спасибо!
И с @namespace html url("http://www.w3.org/1999/xhtml"); и без этих строк работает.
Какую строку вообще тут надо добавлять или можно вообще не добавлять их?
Много где встречал, когда пишут про эти файлы, пишут добавить в начало строку, у всех разная, не знаю в чём тут смысл этих строк.

Отсутствует

 

№1238925-08-2022 22:07:35

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 102.0

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

sandro79 пишет

А там этот цвет задан в первом правиле (#AEAEAE).

sandro79, большое спасибо.
Получилось почти также, как было на [firefox] 91 ESR.
untitled-4.png


«The Truth Is Out There»

Отсутствует

 

№1239025-08-2022 22:14:19

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

westyles пишет

Какую строку вообще тут надо добавлять или можно вообще не добавлять их?

Да я в теории не слишком силён, да и в практике тоже. У меня кое-где добавлено только одно @namespace html url("http://www.w3.org/1999/xhtml");
И в стиле Vitaliy V., для полос прокрутки, немного под себя подкрученном, с правами AGENT_SHEET, добавлены обе эти строки, иначе не работает, вот так:

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

scrollbar, scrollcorner {
    --v-scrollbar-background-color: rgba(0,0,0,0.5);
    --v-scrollbar-background-color-hover: rgba(200,0,0,0.5);
    --v-scrollbar-background-color-active: rgba(200,0,0,0.7);
    --v-scrollbar-border-radius: 0px;
    --v-scrollbar-min-size: 7px;
    --v-scrollbar-image-size: 5px;
}
/* ************************************************ */
scrollbar {
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
scrollbar[root="true"] {
    position: relative !important;
    z-index: 2147483647 !important;
}
scrollbar[root="true"][orient="vertical"] {
    margin-left: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollbar[root="true"][orient="horizontal"] {
    margin-top: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollcorner {
    -moz-appearance: none !important;
    appearance: none !important;
    width: var(--v-scrollbar-min-size) !important;
    height: var(--v-scrollbar-min-size) !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider {
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider > thumb,
html|*:not(html|select) > scrollbar > slider > thumb {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    border-radius: var(--v-scrollbar-border-radius) !important;
    background-color: var(--v-scrollbar-background-color) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: var(--v-scrollbar-image-size) !important;
}
scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: var(--v-scrollbar-min-size) !important;
    max-width: var(--v-scrollbar-min-size) !important;
}
scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: var(--v-scrollbar-min-size) !important;
    max-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > scrollbarbutton {
    -moz-appearance: none !important;
    display: none !important;
}
scrollbar > slider > thumb:hover {
    background-color: var(--v-scrollbar-background-color-hover) !important;
}
scrollbar > slider > thumb:active {
    background-color: var(--v-scrollbar-background-color-active) !important;
}

А вообще, если работает без этих строк, то можно и не добавлять наверно, или смотреть в браузерном стиле что для этих правил прописано.
unter_officer
:beer:

Отсутствует

 

№1239125-08-2022 22:16:41

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: unknown 0.0

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

sandro79
Да, дело было в строке)) Замечал и раньше, что строки имеют значение (в основном тем, что без них код не работает), но впервые столкнулся, чтоб, наоборот, мешало.

sandro79 пишет

Только смену значков звука перенёс давно в user_chrome.manifest комплекта user_chrome_files

А можно поподробнее, на что влияет манифест и что стоит туда вносить?

Отредактировано kazarin (25-08-2022 22:19:04)

Отсутствует

 

№1239225-08-2022 22:27:33

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 102.0

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

kazarin пишет

А можно поподробнее, на что влияет манифест и что стоит туда вносить?

Например, чтобы сменить иконку "Глобус".


В папке user_chrome_files создаете какую-нибудь папку, например, icon и помещаете туда свою иконку.
Потом в файл user_chrome.manifest добавляете такую строку:

Выделить код

Код:

override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/icon/ИМЯ_ВАШЕЙ_ИКОНКИ.svg

После этого стандартная иконка "Глобус" автоматом везде сменится на вашу.

Отредактировано unter_officer (25-08-2022 22:33:11)


«The Truth Is Out There»

Отсутствует

 

№1239325-08-2022 22:34:08

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kazarin пишет

А можно поподробнее, на что влияет манифест и что стоит туда вносить?

Насколько я знаю, он служит, как минимум, для смены иконок глобально, без css :D Меньше требуется кода, только закинул иконку и путь старой и новой прописал.
Ну у меня он вот такой в 102+

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

Выделить код

Код:

content user_chrome_files ./
# Не уверены, не редактируйте этот файл!

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

override chrome://mozapps/skin/extensions/extension.svg chrome://user_chrome_files/content/custom_styles/svg/extension.svg

override chrome://global/skin/icons/settings.svg chrome://user_chrome_files/content/custom_styles/svg/settings.svg

override chrome://mozapps/skin/extensions/extensionGeneric.svg chrome://user_chrome_files/content/custom_styles/svg/extension.svg

override chrome://global/skin/icons/help.svg chrome://user_chrome_files/content/custom_styles/svg/help.svg

override chrome://global/skin/icons/plugin.svg chrome://user_chrome_files/content/custom_styles/svg/pluginGeneric.svg

override chrome://mozapps/skin/extensions/category-discover.svg chrome://user_chrome_files/content/custom_styles/svg/category-discover.svg

override chrome://mozapps/skin/extensions/category-extensions.svg chrome://user_chrome_files/content/custom_styles/svg/category-extensions.svg

override chrome://mozapps/skin/extensions/category-themes.svg chrome://user_chrome_files/content/custom_styles/svg/category-themes.svg

override chrome://mozapps/skin/extensions/category-plugins.svg chrome://user_chrome_files/content/custom_styles/svg/category-plugins.svg

override chrome://browser/skin/preferences/category-general.svg chrome://user_chrome_files/content/custom_styles/svg/settings.svg

override chrome://browser/skin/home.svg chrome://user_chrome_files/content/custom_styles/svg/home.svg

override chrome://browser/skin/preferences/category-search.svg chrome://user_chrome_files/content/custom_styles/svg/category-search.svg

override chrome://browser/skin/preferences/category-privacy-security.svg chrome://user_chrome_files/content/custom_styles/svg/category-privacy-security.svg

override chrome://browser/skin/preferences/category-experiments.svg chrome://user_chrome_files/content/custom_styles/svg/category-experiments.svg

override chrome://global/skin/icons/more.svg chrome://user_chrome_files/content/custom_styles/svg/more.svg

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

override chrome://global/skin/icons/arrow-up.svg chrome://user_chrome_files/content/custom_styles/svg/arrow-up.svg

override chrome://global/skin/icons/arrow-down.svg chrome://user_chrome_files/content/custom_styles/svg/arrow-down.svg

override chrome://browser/skin/history.svg chrome://user_chrome_files/content/custom_styles/svg/history.svg

override chrome://global/skin/icons/chevron.svg chrome://user_chrome_files/content/custom_styles/svg/chevron.svg

override chrome://browser/skin/menu.svg chrome://user_chrome_files/content/custom_styles/svg/menu.svg

override chrome://browser/skin/menu-badged.svg chrome://user_chrome_files/content/custom_styles/svg/menu-badged.svg

override chrome://browser/skin/back.svg chrome://user_chrome_files/content/custom_styles/svg/back.svg

override chrome://browser/skin/forward.svg chrome://user_chrome_files/content/custom_styles/svg/forward.svg

override chrome://browser/skin/bookmark-hollow.svg chrome://user_chrome_files/content/custom_styles/svg/bookmark-hollow.svg

override chrome://browser/skin/bookmark.svg chrome://user_chrome_files/content/custom_styles/svg/bookmark.svg

override chrome://browser/skin/places/bookmarksToolbar.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksToolbar.svg

override chrome://browser/skin/places/bookmarksMenu.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksMenu.svg

override chrome://browser/skin/controlcenter/tracking-protection.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection2.svg

override chrome://global/skin/icons/reload.svg chrome://user_chrome_files/content/custom_styles/svg/reload.svg

override chrome://global/skin/icons/close.svg chrome://user_chrome_files/content/custom_styles/svg/close2.svg

override chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg chrome://global/skin/media/audio.svg

override chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg chrome://global/skin/media/audio-muted.svg

override chrome://browser/skin/reader-mode.svg chrome://user_chrome_files/content/custom_styles/svg/reader-mode.svg

override chrome://browser/skin/tracking-protection.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection.svg

override chrome://browser/skin/tracking-protection-disabled.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection-disabled.svg

override chrome://browser/skin/tracking-protection-active.svg chrome://browser/content/logos/tracking-protection.svg

override chrome://browser/skin/tracking-protection-active-brighttext.svg chrome://browser/content/logos/tracking-protection.svg

override chrome://global/skin/icons/security.svg chrome://user_chrome_files/content/custom_styles/svg/security.svg

override chrome://global/skin/icons/security-warning.svg chrome://user_chrome_files/content/custom_styles/svg/security-warning.svg

override chrome://global/skin/icons/security-broken.svg chrome://user_chrome_files/content/custom_styles/svg/security-broken.svg

override chrome://browser/skin/permissions.svg chrome://user_chrome_files/content/custom_styles/svg/permissions.svg

override chrome://browser/skin/notification-icons/autoplay-media-blocked.svg chrome://user_chrome_files/content/custom_styles/svg/autoplay-media-blocked.svg

override chrome://browser/skin/notification-icons/autoplay-media.svg chrome://user_chrome_files/content/custom_styles/svg/autoplay-media.svg

override chrome://browser/skin/notification-icons/desktop-notification.svg chrome://user_chrome_files/content/custom_styles/svg/desktop-notification.svg

override chrome://browser/skin/notification-icons/geo.svg chrome://user_chrome_files/content/custom_styles/svg/geo.svg

override chrome://browser/skin/notification-icons/camera.svg chrome://user_chrome_files/content/custom_styles/svg/camera.svg

override chrome://browser/skin/notification-icons/microphone.svg chrome://user_chrome_files/content/custom_styles/svg/microphone.svg

chrome.manifest от xiaoxiaoflood тоже так умеет.

Отсутствует

 

№1239426-08-2022 00:59:51

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: unknown 0.0

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

Попробовал, прикольно! А размеры иконок, например, там можно прописывать? Или это только картинок касается?
И правильно понимаю, что работает это только в последних FF? Пробовал на 68 и 78, там иконки не заменяются.

Отсутствует

 

№1239526-08-2022 01:01:19

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 102.0

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

sandro79 пишет

Да я в теории не слишком силён, да и в практике тоже. У меня кое-где добавлено только одно @namespace html url("http://www.w3.org/1999/xhtml");
И в стиле Vitaliy V., для полос прокрутки, немного под себя подкрученном, с правами AGENT_SHEET, добавлены обе эти строки, иначе не работает, вот так:

А если вот так указать, то это корректно? Проверь на своем коде такой тип записи:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"), html url("http://www.w3.org/1999/xhtml");

Я пробовал и менять местами, у меня так в одну строку работает, то с чем боролись сегодня.
Но если указать их в отдельных строках, как у тебя в примере, то не работает. Надо выяснить как лучше указывать, чтобы эти оба работали.

Отсутствует

 

№1239626-08-2022 08:35:23

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kazarin пишет

А размеры иконок, например, там можно прописывать? Или это только картинок касается?
И правильно понимаю, что работает это только в последних FF? Пробовал на 68 и 78, там иконки не заменяются.

Размеры - нет.  Это работает и на более старых версиях, там просто адреса практически всех иконок отличаются от протоновских. Вот с 69 несколько примеров

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

Выделить код

Код:

content user_chrome_files ./
# Не уверены, не редактируйте этот файл!

override chrome://mozapps/skin/places/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/svg/defaultFavicon.svg

override chrome://browser/skin/places/folder.svg chrome://user_chrome_files/content/custom_styles/svg/folder.svg

override chrome://browser/skin/places/bookmarksToolbar.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksToolbar.svg

override chrome://browser/skin/places/unfiledBookmarks.svg chrome://user_chrome_files/content/custom_styles/svg/unfiledBookmarks.svg

override chrome://browser/skin/places/bookmarksMenu.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksMenu.svg

override chrome://browser/skin/places/folder-smart.svg chrome://user_chrome_files/content/custom_styles/svg/folder-smart.svg

override chrome://browser/skin/tabbrowser/tab-audio-playing.svg chrome://user_chrome_files/content/custom_styles/svg/audio.svg

override chrome://browser/skin/tabbrowser/tab-audio-muted.svg chrome://user_chrome_files/content/custom_styles/svg/audio-muted.svg

override chrome://browser/skin/controlcenter/conn-not-secure.svg chrome://browser/skin/connection-mixed-active-loaded.svg

Ну это надо вам самому через инспектор смотреть адреса нужных иконок.

westyles пишет

А если вот так указать, то это корректно? Проверь на своем коде такой тип записи

Нет, так некорректно, не работает и не должно так работать.

Надо выяснить как лучше указывать, чтобы эти оба работали

скрытый текст
А нужны ли они оба вообще в вашем случае.
Но если без @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");, у вас какие-то коды перестали работать, может тогда разделить их на отдельные css со своими @namespace и запускать через @import
Вот тут посмотрите пример с двумя строками.

Отсутствует

 

№1239726-08-2022 17:06:41

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: unknown 0.0

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

sandro79
Спасибо! Вот знаю же, что адреса у ресурсов в разных версиях могут отличаться, у библиотеки в 68, 78 и 100х адреса совсем разные (прописывал их в кнопку для открытия во вкладке). Но сам не сообразил.

А можно ещё несколько вопросов? Я причёсываю 68 [firefox], и при кастомизации выявились странные косяки:

скрытый текст
Если задать размер

Выделить код

Код:

.toolbarbutton-icon,
.toolbarbutton-badge-stack  {
     fill: white !important;
     width: 26px !important;
     height: 26px !important;	 
  	 padding: 0 !important;  }

или

Выделить код

Код:

toolbar  .toolbarbutton-icon,
toolbar  .toolbarbutton-badge-stack  {
     fill: white !important;
     width: 26px !important;
     height: 26px !important;	 
  	 padding: 0 !important;  }

всем кнопкам на верхней панели (nav-bar), то кнопка загрузок принимает такой вид:
F2TQau1.jpg
На остальных панелях всё нормально.
Такой код

Выделить код

Код:

#nav-bar-customization-target > .toolbarbutton-icon,
#nav-bar-customization-target > .toolbarbutton-badge-stack  {
     fill: white !important;
     width: 26px !important;
     height: 26px !important;	 
  	 padding: 0 !important;  }

и вообще указание верхних панелей не помогает. Не нашёл как обойти, пришлось задать каждому значку размер отдельно.
Значки расширений не перекрашиваются кодами такого типа:

Выделить код

Код:

#_0c3ab5c8-57ac-4ad8-9dd1-ee331517884d_-browser-action > .toolbarbutton-icon,
#_0c3ab5c8-57ac-4ad8-9dd1-ee331517884d_-browser-action > .toolbarbutton-badge-stack  {
     fill: white !important;}

Хотя на 78 и 100 и выше это работает. Пробовал color, тоже не подходит. Background-color работает, но он не нужен.
И скорее курьёз, но тоже спрошу. Есть такой код:

Выделить код

Код:

/*
Двигающиеся иконки
*/

/*move icons on hover*/
#xpinstallheader:hover>.alert-icon,installitem:hover .xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover .addonIcon>image,hbox[id*="Button"]:hover image,statusbarpanel:hover>image,tab:hover image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:hover .toolbarbutton-icon,button:hover .button-icon
{-moz-transform: scale(1.6, 1.6) !important; -moz-transition: 0.2s linear !important}

/*move icons on click*/
#xpinstallheader:active>.alert-icon,installitem:active .xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active .addonIcon>image,hbox[id*="Button"]:active image,statusbarpanel:active>image,tab:active image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:active .toolbarbutton-icon,button:active .button-icon
{-moz-transform: scale(.6, .6) !important; -moz-transition: 0.03s linear !important}

/*menu fix for move icons*/
popup .box-inherit.scrollbox-innerbox,menupopup .box-inherit.scrollbox-innerbox {margin-bottom:2.5pt!important}

Корректно работает на PM, 78 и далее. А на 68 вот так:
SONnNln.gif
И отключение после этого не помогает, это исчезает только после перезагрузки. Точнее, не перезагрузки, а надо браузер закрыть и снова открыть. А с перезагрузкой эта свистопляска продолжается бесконечно.
Без двигающихся иконок я обойдусь, но всё же непонятно, почему такое поведение.


И ещё нашёл вот такой скрипт, он реально расширяет возможности кастомизации? Ничего о нём не нашёл, кроме этой темы, а по самому скрипту ничего не могу сказать, что он даёт.

Отсутствует

 

№1239826-08-2022 20:09:07

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kazarin пишет

то кнопка загрузок принимает такой вид

Попробуйте так, с остальным нет желания разбираться

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

Выделить код

Код:

toolbar .toolbarbutton-icon,
toolbar .webextension-browser-action > .toolbarbutton-badge-stack, 
#PanelUI-menu-button > .toolbarbutton-badge-stack {
  fill: white !important;
  width: 26px !important;
  height: 26px !important;	 
  padding: 0 !important;  
}

#downloads-indicator-anchor {
  transform: scale(1.6) !important;
  fill: white !important;
}

или так
скрытый текст

Выделить код

Код:

toolbar .toolbarbutton-1 > .toolbarbutton-icon,
toolbar .webextension-browser-action > .toolbarbutton-badge-stack, 
#PanelUI-menu-button > .toolbarbutton-badge-stack {
  fill: white !important;
  width: 26px !important;
  height: 26px !important;	 
  padding: 0 !important;  
}

#downloads-indicator-anchor {
  transform: scale(1.6) !important;
  fill: white !important;
}


kazarin пишет

И ещё нашёл вот такой скрипт, он реально расширяет возможности кастомизации?

Ну да, решает эту проблему, давая css права AUTHOR_SHEET Если используете user_chrome_files, то он вам не нужен.

Отредактировано sandro79 (27-08-2022 00:01:24)

Отсутствует

 

№1239927-08-2022 00:19:25

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: unknown 0.0

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

sandro79
Нет, к сожалению, всё равно расчетверяется.

sandro79 пишет

Если используете user_chrome_files, то он вам не нужен.

Да, использую. Спасибо за разъяснение))

Отсутствует

 

№1240027-08-2022 00:31:54

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kazarin пишет

Нет, к сожалению, всё равно расчетверяется

Но у меня всё нормально, правда на 69 делал. Но вот скрин со вторым кодом уже на 68.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]