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

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

№1222625-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:

Отсутствует

 

№1222725-08-2022 22:16:41

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

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

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

sandro79 пишет

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

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

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

Отсутствует

 

№1222825-08-2022 22:27:33

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 604
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»

Отсутствует

 

№1222925-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 тоже так умеет.

Отсутствует

 

№1223026-08-2022 00:59:51

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

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

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

Отсутствует

 

№1223126-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");

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

Отсутствует

 

№1223226-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
Вот тут посмотрите пример с двумя строками.

Отсутствует

 

№1223326-08-2022 17:06:41

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 85
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
И отключение после этого не помогает, это исчезает только после перезагрузки. Точнее, не перезагрузки, а надо браузер закрыть и снова открыть. А с перезагрузкой эта свистопляска продолжается бесконечно.
Без двигающихся иконок я обойдусь, но всё же непонятно, почему такое поведение.


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

Отсутствует

 

№1223426-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)

Отсутствует

 

№1223527-08-2022 00:19:25

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

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

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

sandro79 пишет

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

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

Отсутствует

 

№1223627-08-2022 00:31:54

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

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

kazarin пишет

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

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

Отсутствует

 

№1223727-08-2022 00:42:24

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

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

sandro79
А для увеличения остальных значков какой вы применили код?

eVw4KW2t.png
Пустая 68.12 esr, убрал даже UCF. Всё, что в userchrome:

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

Выделить код

Код:

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



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

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


Белый цвет вырезал пока, а то сливается с интерфейсом.

Отредактировано kazarin (27-08-2022 00:56:53)

Отсутствует

 

№1223827-08-2022 01:04:15

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

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

kazarin
Ну первое правило - для остальных, а второе для значка загрузки, из кода из второго спойлера отсюда.

Пустая 68.12 esr, убрал даже UCF. Всё, что в userchrome:

Ну уберите же это своё первое правило, я же вам дал на замену код. Зачем пихать всё в кучу.

Отсутствует

 

№1223927-08-2022 01:10:38

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

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

sandro79
Блин, вот это я ступил! Я думал, это только для значка загрузок.
Всё работает, спасибо!

Нашёл, как заставить работать код двигающихся иконок, просто вставил интервал между последним значком и меню-гамбургером и задал ему размер 5px. Больше ничто никуда не убегает. Костыль, конечно, но рабочий.

Отредактировано kazarin (27-08-2022 02:46:00)

Отсутствует

 

№1224029-08-2022 16:59:50

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

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

egorsemenov06 пишет

что бы надписи были по одному уровню

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

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

Выделить код

Код:

#ucf-cbbtn-Save menuitem,
menupopup > menuitem,
menupopup > menu {
    padding-block: 2px !important;
    padding-inline-start: 12px !important;
}
menupopup {
    --menuitem-hover-background-color: #91C9F7 !important;
    --menu-background-color: #F2F2F2 !important;
    --menu-color: #000000 !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
    --menu-border-color: #919191 !important;
    --menu-icon-opacity: 0.7 !important;
}

@-moz-document	url("chrome://browser/content/browser.xhtml"),
		url("chrome://browser/content/places/places.xhtml"),
		url("chrome://browser/content/places/historySidebar.xhtml"),
		url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
		url("chrome://browser/content/syncedtabs/sidebar.xhtml") {
:root {
    --v-menu-icons-margin-start: 0px; /* отступ слева для иконок */
}
menu:not(.menu-iconic)::before, menuitem:not(.menuitem-iconic)::before {
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    margin-inline-start: var(--v-menu-icons-margin-start);
    margin-inline-end: calc(-1 * (var(--v-menu-icons-margin-start) + 16px));
    position: relative;
    background-color: transparent;
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}

menupopup menuitem:is([type="checkbox"],[type="radio"]):not([checked="true"]) > .menu-iconic-left > .menu-iconic-icon {
    -moz-context-properties: fill, fill-opacity, stroke !important;
    fill: currentColor;
    fill-opacity: var(--v-icons-fill-opacity);
}
.panel-subview-body .subviewbutton > .toolbarbutton-icon {
    -moz-context-properties: fill, fill-opacity, stroke !important;
    fill: currentColor;
    fill-opacity: var(--v-icons-fill-opacity);
    height: 16px;
    width: 16px;
}


Win7

Отсутствует

 

№1224129-08-2022 19:57:14

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

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

egorsemenov06 пишет

Не работает.Иконки залезли  на текст

Тогда не знаю, вы же вроде используйте icons_in_menu.css от Vitaliy V., как и я + background_menu.css
2022-08-29_195259.png

Отредактировано kokoss (29-08-2022 20:35:06)


Win7

Отсутствует

 

№1224202-09-2022 08:07:03

Stariy
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 6
UA: Firefox 91.0

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

Уважаемые, не поделитесь icons_in_menu.css от Vitaliy V. ?
Или там комплект "Иконки в меню"?

Отсутствует

 

№1224303-09-2022 06:20:06

Stariy
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 6
UA: Firefox 91.0

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

egorsemenov06
Огромное спасибо!

Отсутствует

 

№1224413-09-2022 12:43:40

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Chrome 85.0

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

Подскажите, в чем разница между 1 и 2?

1 @-moz-document url(about:preferences)
2 @-moz-document url-prefix(about:preferences)

Иногда их вместе указывают, разве одного не достаточно?

@-moz-document url(about:preferences),url-prefix(about:preferences)

Отсутствует

 

№1224513-09-2022 15:05:33

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 317
UA: Google 2.1

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

6e73epo пишет

в чем разница между 1 и 2?

Второе включает первое, но первое не включает второе, например about:preferences#moreFromMozilla подпадает под @-moz-document url-prefix(about:preferences)


Жизнь иногда такое выкидывает, что хочется подобрать...

На форуме

 

№1224614-09-2022 23:18:16

volaxus
Участник
 
Группа: Members
Зарегистрирован: 03-02-2020
Сообщений: 16
UA: Firefox 104.0

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

Привет. Подскажите как убрать синюю рамку с плеера youtube (появляется при управлении стрелочками в полноэкранном режиме)?
https://fastpic.org/view/120/2022/0914/9530b6d641adf2b6e1cc6000d98a0637.jpg.html

Отсутствует

 

№1224715-09-2022 01:03:58

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

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

volaxus пишет

Подскажите как убрать синюю рамку с плеера youtube (появляется при управлении стрелочками в полноэкранном режиме)?

Не только в полноэкранном. Но какое отношение имеет изменение стиля плеера на странице youtube к теме "Настройка внешнего вида Firefox..."
Давайте в будущем, обсуждать стили для сайтов здесь, даже если вы добавляете стиль в userContent.css:

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

Выделить код

Код:

@-moz-document domain("youtube.com") {
.ytp-probably-keyboard-focus .ytp-progress-bar:focus {
  box-shadow: none !important;
}
}

Отсутствует

 

№1224815-09-2022 04:06:46

classic81
Участник
 
Группа: Members
Зарегистрирован: 09-03-2021
Сообщений: 6
UA: Firefox 91.0

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

В 91 ESR в панели поиска
2022-09-15-040426-cr.png
можно как-то спрятать кнопку в виде шестеренки "Изменить параметры поиска" (справа внизу)?

Отредактировано classic81 (15-09-2022 04:09:37)

Отсутствует

 

№1224915-09-2022 17:52:43

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

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

Как переместить этот сепаратор >
2022-09-15_174501.png
под пункт"Управление журналом", если не вариант, то добавить ?


Добавлено 15-09-2022 18:13:21

classic81 пишет

можно как-то спрятать кнопку в виде шестеренки "Изменить параметры поиска" (справа внизу)?

можно

Выделить код

Код:

#urlbar-anon-search-settings,
#searchbar-anon-search-settings {
   display: none !important;
}

заодно и в адресной строке.

Отредактировано kokoss (16-09-2022 09:51:05)


Win7

Отсутствует

 

№1225015-09-2022 22:35:37

classic81
Участник
 
Группа: Members
Зарегистрирован: 09-03-2021
Сообщений: 6
UA: Firefox 91.0

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

kokoss пишет

заодно и в адресной строке.

Спасибо! В адресной строке шестеренку оставил - не мешает (там все поисковые кнопки умещаются в 1 строку заданной ширины).

Отредактировано classic81 (15-09-2022 22:37:45)

Отсутствует

 

Board footer

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