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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№930126-11-2020 00:05:18

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2255
UA: Firefox 78.0

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

Vitaliy V. пишет

надо бы добавить ещё один null аргумент

Добавил, спасибо.

Отсутствует

 

№930226-11-2020 00:36:51

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 56
UA: Firefox 78.0

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

Подскажите, пожалуйста:
1. возможно ли в FF 78 ESR 5.0 перенести панель вкладок вниз, под панель закладок?
2. выбрала Стандартную тему. Цвет верхнего меню и панели вкладок-голубой(как рабочего стола), а цвет панели с адресной строкой и панели закладок-белый. Можно ли их сделать такого же цвета- тоже голубыми?

Отсутствует

 

№930326-11-2020 13:26:01

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

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

alla51 пишет

возможно ли в FF 78 ESR 5.0 перенести панель вкладок вниз, под панель закладок?

Да, возможно, и не раз поднимался этот вопрос и корректировался стиль с 65-ой версии.
Или, если используете, обновите свой CustomCSSforFx и переключите toolkit.legacyUserProfileCustomizations.stylesheets в true для поддержки css файлов.

а цвет панели с адресной строкой и панели закладок-белый. Можно ли их сделать такого же цвета- тоже голубыми?

скрытый текст
Взято из вышеуказанного комплекта с правкой
8f8693362459.png

Выделить код

Код:

:root {
  --general_toolbar_color_toolbars: linear-gradient(SkyBlue,SkyBlue);
  --general_toolbar_color_navbar: linear-gradient(SkyBlue,SkyBlue);
  --general_toolbar_text_color: inherit;
  --general_toolbar_text_shadow: transparent;
}

#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}

/* Fix issue aboves code creates on Fx75+ */
#nav-bar:not(:-moz-lwtheme) #urlbar ::-moz-selection {
  background-color: Highlight !important;
  color: HighlightText !important;
}

/**/

#main-window:not(:-moz-lwtheme) #PersonalToolbar #bookmarks-menu-button::after,
#main-window:not(:-moz-lwtheme) toolbar > toolbarbutton > .toolbarbutton-text,
#main-window:not(:-moz-lwtheme) toolbar #stop-reload-button toolbarbutton > .toolbarbutton-text,
#main-window:not(:-moz-lwtheme) toolbar #PanelUI-button toolbarbutton > .toolbarbutton-text,
#main-window:not(:-moz-lwtheme) toolbar > toolbarbutton >.toolbarbutton-badge-stack .toolbarbutton-text,
#main-window:not(:-moz-lwtheme) #nav-bar-customization-target > toolbarbutton > .toolbarbutton-text,
#main-window:not(:-moz-lwtheme) #PlacesToolbarItems toolbarbutton > :-moz-any(label,description) {
  color: var(--general_toolbar_text_color, inherit) !important;
  text-shadow: 1px 1px 1px var(--general_toolbar_text_shadow, inherit) !important;
}

/* findbar */
#main-window :-moz-any(.browserContainer,#viewSource):not(:-moz-lwtheme) :-moz-any(findbar,#FindToolbar) {
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}

#main-window[style*='--lwt-header-image']:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) {
  background: var(--lwt-header-image) !important;
  background-position: calc(100vw - 5px) !important;
}

#main-window[style*='--lwt-header-image']:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) :-moz-any(.toolbarbutton-icon,.toolbarbutton-text) {
  color: var(--lwt-text-color) !important;
  fill: var(--lwt-text-color) !important;
}
#main-window[style*='--lwt-header-image']:-moz-lwtheme-brighttext :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) :-moz-any(.toolbarbutton-icon,.toolbarbutton-text) {
  text-shadow: 1px 1px 1px black !important;
}

/* fix Firefox + Windows 8.1 + lw-theme bug (occurring without custom code too) */
@media (-moz-os-version:windows-win8) {
	#navigator-toolbox:-moz-lwtheme {
	  border: unset !important;
	}
}

Или этот код ещё можно попробовать.


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

Выделить код

Код:

#identity-box[pageproxystate="valid"].verifiedDomain > #identity-icon, 
#identity-box[pageproxystate="valid"].mixedActiveBlocked > #identity-icon,
#identity-popup[connection^="secure"][lock-icon-gray] .identity-popup-security-connection {
    -moz-context-properties: fill !important;
    fill: #12BC00 !important;
}

Отредактировано sandro79 (26-11-2020 16:03:31)

Отсутствует

 

№930426-11-2020 22:50:11

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Всем привет
Можно ли сделать чтобы заработало в фф 78, неограниченый размер боковой панели?
Это у меня в папке chrome userChrome.css

Выделить код

Код:

/* FF- Sidebar безразмерный*/
#sidebar-box {
    overflow-x: hidden !important;
    max-width: none !important;
}
#sidebar {
    min-width: 0px !important;
    max-width: none !important;
    overflow-x: hidden !important;
}

Отредактировано Stkvsky (26-11-2020 22:50:41)

Отсутствует

 

№930527-11-2020 00:53:02

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 56
UA: Firefox 78.0

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

alla51 пишет

возможно ли в FF 78 ESR 5.0 перенести панель вкладок вниз, под панель закладок?

Перенесла в FF 78 ESR 5.0 панель вкладок вниз, под панель закладок, как посоветовал sandro79, дав ссылку на описание Vitaliy V. в https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310 .Взяла код отсюда.
Раньше на FF 60 файла userChrome вообще не было.
Но теперь 3 панели: адресная, закладок и вкладок стали почти белыми. Как их сделать такими же или близкими по цвету к панели меню (голубыми)?
и на панели вкладок выделенная вкладка стала такого же цвета, что и остальные невыделенные (как ее сделать белой?)

скрытый текст
714a0a96f476t.jpg

Отсутствует

 

№930627-11-2020 12:53:43

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

Stkvsky
сами же ответили на свой вопрос?

alla51 пишет

Но теперь 3 панели: адресная, закладок и вкладок стали почти белыми.

стиль покрасил только панель вкладок остальные по дефолту.


чтобы заменить системные цвета панелей добавьте это

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

Выделить код

Код:

*|*:root {
    --toolbar-non-lwt-bgcolor: #a0cdf4 !important;
    --toolbar-non-lwt-textcolor: black !important;
}
.tabbrowser-tab[multiselected="true"]:not(:-moz-lwtheme),
.tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    --toolbar-bgcolor: white !important;
    color: black !important;
}

Отредактировано Vitaliy V. (27-11-2020 12:54:11)

Отсутствует

 

№930727-11-2020 13:25:15

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 56
UA: Firefox 78.0

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

Vitaliy V., спасибо большое. Все панели стали одинакового сине-голубого цвета!

Отсутствует

 

№930827-11-2020 18:19:44

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 56
UA: Firefox 78.0

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

Подскажите, пожалуйста, как уменьшить высоту всех 4-х панелей? Очень много места занимают.

скрытый текст
7e21a7df1f46t.jpg

Отсутствует

 

№930927-11-2020 22:07:13

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V. пишет

сами же ответили на свой вопрос?

Блин разобрался, в старой версии 68 я использовал разные текстовые файлы не только userChrome.css
Но и например youtube.css со стилем для ютуба и тд
Сейчас перекинул все в userChrome.css и заработало
В 78 можно только один файл использовать получается userChrome.css?

Отсутствует

 

№931028-11-2020 11:51:48

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

alla51 пишет

Подскажите, пожалуйста, как уменьшить высоту всех 4-х панелей? Очень много места занимают.

Ну как, для начала в персонализации выбрать компактные значки, да и заголовок окна отключить если так мало места.
также для экономии пространства в [windows] включить автоскрытие панели задач.


если этого всего недостаточно можно стиль применить

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

Выделить код

Код:

*|*:root {
    --v-tabs-min-height: 33px;
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 6px !important;
}

*|*:root[uidensity="compact"] {
    --v-tabs-min-height: 26px;
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
}

*|*:root[uidensity="touch"] {
    --v-tabs-min-height: 41px;
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 9px !important;
}

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: var(--v-tabs-min-height) !important;
}

#urlbar-container, #search-container {
    padding-block: 1px !important;
}

*|*:root toolbarbutton *|*.toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}

*|*:root:not([uidensity="compact"]) #back-button {
    padding-top: var(--toolbarbutton-outer-padding) !important;
    padding-bottom: var(--toolbarbutton-outer-padding) !important;
    padding-inline-start: var(--toolbarbutton-outer-padding) !important;
    padding-inline-end: 0 !important;
}

*|*:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon {
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--toolbarbutton-inner-padding) !important;
}


высоту панели меню настраивать в стиле Вкладки ниже
там есть комментарии


Stkvsky пишет

Но и например youtube.css со стилем для ютуба и тд
Сейчас перекинул все в userChrome.css и заработало

да ладно, это невозможно для контента нужен userContent.css, или расширения...

Отредактировано Vitaliy V. (28-11-2020 11:52:51)

Отсутствует

 

№931128-11-2020 19:31:04

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 26
UA: Firefox 83.0

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

Подскажите, пожалуйста, как убрать с контекстного меню пункт(печать выделенной области)

Отсутствует

 

№931228-11-2020 20:05:34

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

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

ulver73

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

Выделить код

Код:

#context-print-selection {
    display: none !important;
}

А также для 84+ скрыть папку "Другие закладки" на панели закладок, которая появляется на панели если в них есть закладки:
скрытый текст

Выделить код

Код:

#OtherBookmarks,  /* 84 */
#show-other-bookmarks_PersonalToolbar {  /* 85 */
  display: none !important;
}

Отсутствует

 

№931328-11-2020 20:22:36

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 26
UA: Firefox 83.0

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

sandro79-низкий поклон:sick:

Отсутствует

 

№931429-11-2020 01:39:47

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V. пишет

да ладно, это невозможно для контента нужен userContent.css, или расширения...

Работает так в 68 версии вот скрин папки хром

скрытый текст
Ztla6PD.png

Для каждого стиля использовал свой файл текстовый

Отредактировано Stkvsky (29-11-2020 01:40:04)

Отсутствует

 

№931529-11-2020 13:05:26

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

Stkvsky
Это биндинги, скрипты у вас стили регистрируют, а не [firefox]



Добавил стиль меню с другими иконками, кому надо пробуйте https://forum.mozilla-russia.org/viewto … 65#p764365

скрытый текст
Screenshot_20201129_12571395b16953927f554c.png

Отредактировано Vitaliy V. (29-11-2020 19:24:10)

Отсутствует

 

№931630-11-2020 00:34:22

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

Vitaliy V.
Здравствуйте.
Вот из этого вашего поста https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310 
вроде всё сделал, но что-то не срабатывает скрытие панели  – при снятии галки "скрыть гл. меню" сами пункты исчезают, а панель пустая все равно на месте.
И вот ucf_custom_ucf_custom_script_win.js  вместе с  ucf_custom_script_win.load  должны лежать в  \profile\chrome\user_chrome_files\custom_scripts\  и быть в кодировке UTF-8 ?

Отсутствует

 

№931730-11-2020 12:47:25

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 322
UA: Firefox 84.0

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

Vitaliy V.
В 84 строка поиска из стиля /* Панель поиска вверху слева */ у меня переместилась
в нижний левый угол. Можно ли вернуть ее на место?

Отредактировано Garalf (30-11-2020 12:48:15)

Отсутствует

 

№931830-11-2020 17:45:32

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

JKT пишет

И вот ucf_custom_ucf_custom_script_win.js  вместе с  ucf_custom_script_win.load  должны лежать в  \profile\chrome\user_chrome_files\custom_scripts\  и быть в кодировке UTF-8 ?

Все должно быть в одном файле - custom_script_win.js (из состава user_chrome_files)

ucf_custom_script_win и ucf_custom_script_win.load это объект и функция, соответственно туда и нужно вставлять коды в custom_script_win.js
после редактирования перезапуск ПКМ по кнопке или в настройках
https://github.com/VitaliyVstyle/Vitali … eenshot_03


Garalf
проверяйте https://forum.mozilla-russia.org/viewto … 86#p782586

Отредактировано Vitaliy V. (26-12-2020 19:45:50)

Отсутствует

 

№931930-11-2020 18:38:30

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 322
UA: Firefox 84.0

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

Vitaliy V.
Спасибо! Теперь панель на своем месте.

Отсутствует

 

№932001-12-2020 10:22:23

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
Нельзя ли это стилем заделать? Приходиться в расширение лезть...
chrome.badge.browserAction.setBadgeBackgroundColor({ color: "rgb(0,0,255)"} );

Отредактировано solombala (01-12-2020 11:40:39)

Отсутствует

 

№932101-12-2020 12:46:35

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

solombala
можно если знать ID кнопки

Выделить код

Код:

ID *|*.toolbarbutton-badge {
    background-color: rgb(0,0,255) !important;
    color: rgb(255,255,255) !important;
}

Отсутствует

 

№932201-12-2020 14:49:56

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
И как сам не допер...Благодарю! Без ID тоже работает .toolbarbutton-badge  , но hover - уже никак...

Отредактировано solombala (01-12-2020 15:55:00)

Отсутствует

 

№932301-12-2020 15:45:15

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

Vitaliy V.
Извините за деревянность, я в этом "плаваю", еле со стилями разобрался, с этими доп. панелями.
А насчет скриптов скрытия панели меню.. Вот в этом файле: custom_script_win.js  есть строка // Здесь может быть ваш код который сработает по событию "load" не раньше
В это место надо скопировать код из под спойлера ucf_custom_script_win ?, а вместо строчки ucf_custom_script_win.load();, которая в конце файла, подставить  код из под спойлера  ucf_custom_script_win.load  т.е.  this.menubarvisibilitychance.setbuttonboxwidth(); ?
И после всего этого в конец файла вставить ucf_custom_script_win.menubarvisibilitychance.constructor();
Или не так?
Про кнопку перезапуска в меню подключения этих скриптов «перезапустить и создать кэш» я понял где это.

Отсутствует

 

№932401-12-2020 16:06:48

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 84.0

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

JKT пишет

Или не так?

Ну в одном вы правы в конец файла вставить ucf_custom_script_win.menubarvisibilitychance.constructor();

JKT пишет

есть строка // Здесь может быть ваш код который сработает по событию "load" не раньше
В это место надо скопировать код из под спойлера ucf_custom_script_win ?

Нет сюда добавить код из спойлера ucf_custom_script_win.load
т.к. это и есть функция load, а не вызов функции ucf_custom_script_win.load(); в конце файла, эту строку трогать не надо
А код из спойлера ucf_custom_script_win добавляйте аналогично как там уже добавлен код specialwidgets: { ... },
например добавьте сюда
},
menubarvisibilitychance: {
...
},

specialwidgets: {



P.S. Да и в настройках не забудьте включить custom_script_win.js

Отредактировано Vitaliy V. (01-12-2020 16:12:33)

Отсутствует

 

№932501-12-2020 16:23:45

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
А hover на .toolbarbutton-badge  можно навести?  Без ID?

Отсутствует

 

Board footer

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