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

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№515106-12-2018 20:06:31

Джархан
Участник
 
Группа: Members
Зарегистрирован: 26-01-2014
Сообщений: 34
UA: Firefox 63.0

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

Да, классно! Получилось для родной темы Dark. А если для серых тем, как менять цвет бордюра?

https://i107.fastpic.ru/big/2018/1206/cf/bff7a6df6abdf9534d036229a73b15cf.png

На форуме

 

№515206-12-2018 21:04:36

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 268
UA: Firefox 64.0

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

Кого заманала вкладка без иконки при запуске? Есть способ Browser.js - поиск icon32.png - исправить about:newtab на about:blank
Очистить кэш запуска и запустить. Появление "непрочитаной вкладки" -сложнее , но можно...

Отсутствует

 

№515306-12-2018 22:51:23

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 62
UA: Firefox 63.0

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

Vitaliy V.
Спасибо большое. Я протестировал, теперь запоминает цвет выделения внутри бокой панели.

Заметил, что в режиме закрытой боковой панели , сама кнопка "боковой панели" всегда остается визуально выделенной .
Это можно как-то поправить? Хотелось бы оставить режим запоминания,при этом исключив постонное выделение кнопки.

Отсутствует

 

№515406-12-2018 23:15:51

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

drage2 пишет:

Кого заманала вкладка без иконки при запуске?

Как вы расположение этих элементов находите? Еле врубился где это смотреть. На Win x64 путь к этому файлу c:\Program Files\Mozilla Firefox\browser\omni.ja\chrome\browser\content\browser\

А меня заманали белые вспышки. Стоит стоковая тёмная тема. Открыта тёмная страница about:home. Кликаю на иконку обновить, которая на тулбаре и тут белая вспышка! ОТКУДА? Белые вспышки при переходе на новые вкладки победил, а это вроде бы несущественно (зачем обновлять домашнюю страницу?), но не даёт покоя который месяц :lol:

Отсутствует

 

№515506-12-2018 23:36:41

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 268
UA: Firefox 64.0

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

dreamkz
about:home тоже цвет задать, как about:newtab/
Или browser.display.background_color - #?????? и не парится. Загрузка страницы тоже можно...Я эти темы выбрасываю, у меня своя...

Отсутствует

 

№515607-12-2018 00:08:05

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

drage2, я задавал таким образом. Но есть такие форумы, которые цвет фона для своих страниц импортируют из стиля браузера пользователя. Там потом запаришься комментариий писать чёрными буквами на чёрном фоне. Как вариант через Stylus  я менял цвет букв на белый, но это уже извращение, кажется :lol:

Я тут писал об этом №2698

Поэтому у меня стоит стоковая тёмная тема.

1) Домашняя страница тёмная, благодаря тёмной стоковой теме.
2) Новая пустая вкладка открывается страницей расширения "Humble New Tab Page". Ему можно через стили любой цвет фона задать.
3) И ещё я поставил этот стиль для открытия новых вкладок без белых вспышек:

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

Выделить код

Код:

#browser vbox#appcontent tabbrowser,
#content,
#tabbrowser-tabpanels,
browser[type=content-primary],
browser[type=content] > html {
  background: var(--in-content-page-background)!important
}  


Всё! Только единственное теперь бесит, когда обновляешь домашнюю страницу, а она флэшит. Конечно, домашнюю страницу можно не обновлять :D, но в голове всё равно это сидит!!! :mad:

Добавлено 07-12-2018 00:27:55

xrun1 пишет:

Вы имеете ввиду бордюр? Как-то так для стандартной тёмной темы, в userChrome.css

Спасибо больше за безбордюрную адресную строку! А как удалить эти подсказки «поиск через» и «посетить» из адресной строки? Будет вообще идеально.

Отредактировано dreamkz (07-12-2018 00:27:55)

Отсутствует

 

№515707-12-2018 01:29:15

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

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

Джархан
Если для 2-х других родных тем, то просто добавить в начало стиля из №5149

Выделить код

Код:

#urlbar,
.searchbar-textbox {
    border: none !important;
}

Тогда во всех 3-х родных стилях бордюра не будет.

Отсутствует

 

№515807-12-2018 03:52:15

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

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

dreamkz пишет:

А как удалить эти подсказки «поиск через» и «посетить» из адресной строки?

Не совсем понял вопрос. У меня на странице about:blank или about:newtab такая подсказка, как на картинке

картинка
https://i.imgur.com/R7DzTYo.png

Как удалить - не знаю, но можно скрыть, если поменять цвет текста.
код

Выделить код

Код:

input[placeholder="Найдите в Яндекс или введите адрес"]::-moz-placeholder {
    color: var(--chrome-secondary-background-color) !important; /* Цвет подсказывающего текста */
}

Отсутствует

 

№515907-12-2018 10:24:49

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

xrun1 пишет:

Не совсем понял вопрос. У меня на странице about:blank или about:newtab такая подсказка, как на картинке

Да, именно этот текст подсказки в пустой адресной строке. Гуглил этот вопрос, но там решения для предыдущих версий [firefox] через about:config. А такого параметра в [firefox] 63.0 уже нет. Может, кто подскажет как избавиться от этого серого текста-подсказки в пустой адресной строке?

Отсутствует

 

№516007-12-2018 13:48:03

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

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

del

Отредактировано xrun1 (07-12-2018 15:19:27)

Отсутствует

 

№516107-12-2018 13:56:10

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

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

MrDenver пишет:

Заметил, что в режиме закрытой боковой панели , сама кнопка "боковой панели" всегда остается визуально выделенной .
Это можно как-то поправить?

Зато видно закрыта боковая панель или скрыта
можно убрать фон но пометить иконку другим цветом

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

Выделить код

Код:

#sidebar-button[checked="true"] {
    --toolbarbutton-active-background: transparent !important;
    fill: gold !important;
}


ну или замените  у себя код
скрытый текст

Выделить код

Код:

#sidebar-button > .toolbarbutton-icon {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='button'><implementation><field name='_eventListeners'>[];</field><constructor><![CDATA[ var bar = document.querySelector('%23sidebar-box'), splitter = document.querySelector('%23sidebar-splitter'); if (!bar || !splitter) return; var button = this.parentNode, pref; try { pref = Services.prefs; pref.getDefaultBranch('extensions.sidebar_button.').setBoolPref('collapsed', true); if (pref.getBranch('extensions.sidebar_button.').getBoolPref('collapsed')) { bar.collapsed = true; splitter.collapsed = true; button.checked = false; } } catch(e) {return;} this._addEventListener(button, 'click', (event) => { if (event.button == 0 && !event.ctrlKey && !event.shiftKey) { event.preventDefault(); event.stopPropagation(); var colapse = !bar.collapsed; if ('SidebarUI' in window && !SidebarUI.isOpen) { SidebarUI.toggle(); colapse = false; } bar.collapsed = colapse; splitter.collapsed = colapse; button.checked = !colapse; pref.getBranch('extensions.sidebar_button.').setBoolPref('collapsed', colapse); } }, true); ]]></constructor><destructor><![CDATA[ this._eventListeners.forEach((args) => args[0].removeEventListener(args[1], args[2], args[3])); ]]></destructor><method name='_addEventListener'><body><![CDATA[ arguments[0].addEventListener(arguments[1], arguments[2], arguments[3]); this._eventListeners.push(arguments); ]]></body></method></implementation></binding></bindings>#button") !important;
}

Отсутствует

 

№516207-12-2018 14:37:28

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 268
UA: Firefox 64.0

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

Vitaliy V.
Приветствую! Столкнулся с проблемой (63-64)....Код такой есть

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

Выделить код

Код:

.tab-icon-image {
  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
  
}


Но иконку не показывает...Подставлю такой
скрытый текст

Выделить код

Код:

/* show favicon for tabs without favicons */
.tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) {
  display: inline !important;
}


Теперь показывает (см. скрин-about:config), но эта же иконка мелькает при загрузке вкладки...В 61 0 нет, все четко...
https://s15.directupload.net/images/181207/temp/gqhsqeh4.png
Я так понимаю зараза эта в tabbrowser.js зарыта, unread  я туда  вставил (62.63.64) , но это ....уже слишком.

Отредактировано drage2 (07-12-2018 14:47:45)

Отсутствует

 

№516307-12-2018 15:26:32

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

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

Джархан
dreamkz
Для 3-х дефолтных тем убирает бордюр и устанавливает фон в адресной строке как цвет темы. Можно убрать подсказку. В userChrome.css

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

Выделить код

Код:

/* Работает в 3-х дефолтных темах, в других не проверял */
#urlbar,
.searchbar-textbox {
    /* Убрать бордюр и изменить цвет фона адресной строки на цвет темы */
    border: none !important;
    background-color: var(--toolbar-bgcolor) !important;
    box-shadow: none !important;
}

/* Заменить цвет подсказки в адресной строке на цвет фона адресной строки */
input[placeholder="Найдите в Яндекс или введите адрес"]::-moz-placeholder {
    color: var(--toolbar-bgcolor) !important;
}

/* Разделитель в urlbar, например, на about:addons */
#urlbar[pageproxystate="valid"] > #identity-box.notSecureText,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity,
#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, #urlbar[pageproxystate="valid"] > #identity-box.extensionPage, 
#urlbar-display-box {
    border: none !important;
}

Отсутствует

 

№516407-12-2018 16:10:46

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

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

drage2

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:not(:-moz-any([image],[bursting],[pinned],[busy],[crashed],[sharing])) .tab-icon-image {
    display: -moz-box !important;
}

Отсутствует

 

№516507-12-2018 16:41:57

drage2
Участник
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 268
UA: Firefox 64.0

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

Vitaliy V.
Гениально!!! Если надо unread вставить , то могу образец  дать, уж Вы то поймете.

Отсутствует

 

№516607-12-2018 16:49:01

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

xrun1, всё отлично, спасибо большое! Но вот текст-подсказка никуда не исчезает. Менял стоковые темы на светлую, тёмную, дефолтную и всё равно видно надпись.

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

Выделить код

Код:

/* Заменить цвет подсказки в адресной строке на цвет фона адресной строки */
input[placeholder="Найдите в Яндекс или введите адрес"]::-moz-placeholder {
    color: var(--toolbar-bgcolor) !important;
}

Отредактировано dreamkz (07-12-2018 16:49:25)

Отсутствует

 

№516707-12-2018 17:54:06

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

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

drage2 пишет:

Если надо unread вставить , то могу образец  дать

tabbrowser.js править? я знаю конечно как...
вообще то и без правки, примерно тоже самое https://forum.mozilla-russia.org/viewto … 84#p763384

dreamkz

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

Выделить код

Код:

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


#urlbar html|*.textbox-input::-moz-placeholder {
    color: transparent !important;
    text-shadow: none !important;
}

или opacity: 0 !important;

Отредактировано Vitaliy V. (07-12-2018 18:05:17)

Отсутствует

 

№516807-12-2018 18:57:51

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

Vitaliy V. пишет:

@namespace html url("http://www.w3.org/1999/xhtml");

Блин, у меня именно этой строки не хватало в userChrome.css. Стояла только:

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

Теперь понял почему стили не работали. Спасибо большое!:rock:

Отсутствует

 

№516907-12-2018 20:50:36

R@MEO
Участник
 
Группа: Members
Зарегистрирован: 24-09-2007
Сообщений: 60
UA: Firefox 65.0

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

Подскажите, скачал архив vertical_top_bottom_bar и добавил в браузер, включил нижнюю панель, но в нее ничего добавить нельзя? Ранее стояла bottom_bar, но после обновления браузера все значки с нее исчезли

Отсутствует

 

№517007-12-2018 21:14:24

dezhnev
Участник
 
Группа: Members
Зарегистрирован: 21-04-2016
Сообщений: 33
UA: Firefox 63.0

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

xrun1

input[placeholder="Найдите в Яндекс или введите адрес"]::-moz-placeholder {

Привет, попробуй так :)

*|*.textbox-input::-moz-placeholder {
  color: transparent !important;
}
*|*.textbox-input:hover::-moz-placeholder {
  color: transparent !important;
}
.textbox-input-box > html|*.textbox-input::placeholder {
  color: transparent !important;
}

Отсутствует

 

№517108-12-2018 01:28:17

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

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

R@MEO пишет:

Подскажите, скачал архив vertical_top_bottom_bar и добавил в браузер, включил нижнюю панель, но в нее ничего добавить нельзя? Ранее стояла bottom_bar, но после обновления браузера все значки с нее исчезли

а вы всегда nightly используете? это дело такое там постоянно что то удаляют, уже и до toolbar.xml добрались.
думаю пока ещё это можно поправить...

попробуйте user_chrome_files.zip https://github.com/VitaliyVstyle/Vitali … _files.zip
эти панели работают на 65

Отсутствует

 

№517208-12-2018 01:31:41

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

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

dezhnev
Да это не мне нужно было.:) Меня подсказки не раздражают, но за внимание спасибо.
:offtopic: Бесят сайты типа https://iz.ru/ явно для ноутбука с не самым высоким разрешением свёрстанные.:(

Отсутствует

 

№517308-12-2018 01:58:33

R@MEO
Участник
 
Группа: Members
Зарегистрирован: 24-09-2007
Сообщений: 60
UA: Firefox 65.0

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

Vitaliy V. пишет:

а вы всегда nightly используете?

У меня девелоперская версия стоит. Никаких проблем по сравнению с обычной версией не вижу, а вот плюсы для разработки есть.

Vitaliy V. пишет:

попробуйте user_chrome_files.zip https://github.com/VitaliyVstyle/Vitali … _files.zip
эти панели работают на 65

Премного благодарен, работает отлично! :)

Отсутствует

 

№517408-12-2018 11:05:57

Джархан
Участник
 
Группа: Members
Зарегистрирован: 26-01-2014
Сообщений: 34
UA: Firefox 63.0

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

xrun1
:D
Спасибо, теперь вид совсем шикарный!

https://i107.fastpic.ru/big/2018/1208/f9/684ad6343d3f395c591533593e44f9f9.png

UPD. Убрал кнопки Page Actions (вообще ни к чему) и Bookmark this page (легче через Ctrl+D) из адресной строки:

https://i106.fastpic.ru/big/2018/1208/12/bbf756d118646333a5fdcb8f95472e12.png

Отредактировано Джархан (08-12-2018 11:20:33)

На форуме

 

№517508-12-2018 11:44:17

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 536
UA: Firefox 63.0

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

Джархан, получилось здорово, да. Спасибо вам за наводку и спасибо xrun1 и Vitaliy V за помощь! На пустой странице вообще ничего лишнего теперь:

скрытый текст
https://fastpic.co/images/111bdb3af77fa013f.png

А так пустая домашняя страница:
скрытый текст
https://fastpic.co/images/1c5b3c073ee9dc641.png

Отредактировано dreamkz (08-12-2018 11:53:19)

Отсутствует

 

Board footer

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