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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1010123-04-2021 14:57:53

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

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

egorsemenov06

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

Выделить код

Код:

#urlbar[focused="true"] *|input#urlbar-input::placeholder,
#searchbar:focus-within *|input.searchbar-textbox::placeholder {
   opacity: 0 !important;
}

Отсутствует

 

№1010223-04-2021 14:58:36

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

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

Vitaliy V.
В 88 у меня сжало кнопку масштаба страницы в адресной строке,
и цифры ушли вниз. В 87 все было нормально. Ничего не менял.. Можно это поправить?

Отсутствует

 

№1010323-04-2021 15:13:32

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 380
UA: Firefox 88.0

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

Vitaliy V. пишет

egorsemenov06

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

Выделить код

Код:

#urlbar[focused="true"] *|input#urlbar-input::placeholder,
#searchbar:focus-within *|input.searchbar-textbox::placeholder {
   opacity: 0 !important;
}

Спасибо большое!!!а такое можно сделать что бы во всех поисковых строках также было?

Отсутствует

 

№1010423-04-2021 15:54:37

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

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

Garalf

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

Выделить код

Код:

:root:not([uidensity="touch"]) #urlbar-zoom-button {
    margin-block: 0 !important;
}


у себя тоже исправил

egorsemenov06 пишет

а такое можно сделать что бы во всех поисковых строках также было?

Ну везде может быть по разному например поиск на странице

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

Выделить код

Код:

*|input.findbar-textbox:focus::placeholder {
   opacity: 0 !important;
}


На странице новой вкладки поисковая строка другая совсем хотя input тоже есть

Отсутствует

 

№1010523-04-2021 15:57:51

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

Vitaliy V.
Здравствуйте! Не могли бы вы взглянуть на мой пост № 10090. Возможно там перекрасить Панель вкладок вместе с неактивными вкладками, когда они находятся не в фокусе?
Заранее, от всей души, благодарю!

Отредактировано v4386 (23-04-2021 16:00:52)

Отсутствует

 

№1010623-04-2021 16:03:36

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

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

v4386
Ну это нормально чем не устраивает, просто у меня сейчас нет 10'ки снес нафиг.
Можно тему поставить на [firefox] и все дела.

Отсутствует

 

№1010723-04-2021 16:24:05

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 380
UA: Firefox 88.0

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

Vitaliy V. пишет
egorsemenov06 пишет

а такое можно сделать что бы во всех поисковых строках также было?

Ну везде может быть по разному например поиск на странице

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

Выделить код

Код:

*|input.findbar-textbox:focus::placeholder {
   opacity: 0 !important;
}


На странице новой вкладки поисковая строка другая совсем хотя input тоже есть

Понятно что ничего не понятно.Еще раз спасибо!!!

Отсутствует

 

№1010823-04-2021 19:00:11

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

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

Vitaliy V.
Ну подскажите пожалуйста, как передвинуть кнопку закрытия строки поиска по странице в вашем стиле отсюда на правый край?
Перенастроил внешний вид кнопок на дефолтный, но как передвинуть кнопку закрытия не нашёл.
Взял его сегодня для 88 и 90 версий, взамен стиля от Ариса для 84+, получился он у него какой-то неважнецкий.
Добавил ещё из его старого стиля это правило (74-86), чтоб кнопки выглядели как раньше, с эффектом прозрачности, прада в 90-м протоне это уже не работает.

скрытый текст
[firefox] 88 [windows] 7
fa36aa7c4866.png

Отредактировано sandro79 (23-04-2021 19:10:08)

Отсутствует

 

№1010923-04-2021 19:55:55

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

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

sandro79
нафига она справа нужна, длина панели не постоянна из-за текстовых сообщений, поэтому и закрывать не удобно.
да и нельзя эту кнопку переместить в такой реализации, только вместе с findbar справа

Отсутствует

 

№1011023-04-2021 20:44:30

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1427
UA: Firefox 78.0

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

Вот кстати для findbar добавка. Цвета свои прописать. А то он какой то не интерактивный.

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

Выделить код

Код:

/* Цвет стрелок кнопок вперед-назад без наведения, при непустом запросе */
findbar .findbar-find-previous.tabbable:not([disabled="true"]),
findbar .findbar-find-next.tabbable:not([disabled="true"]) {
    color: #ACACAC !important;
}
/* Обводка кнопок при наведении и выборе */
findbar .findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover {
    border-image-source: url("./svg/findbar-button-hover.svg") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}

findbar .findbar-button:not([disabled="true"]):-moz-any([checked="true"],:hover:active) {
    border-image-source: url("./svg/findbar-button-active.svg") !important;
    border-image-repeat: stretch !important;
    border-image-slice: 1 fill !important;
    border-image-width: 1px !important;
}
/* Подсветка при наведении кнопок вперед-назад */
findbar .findbar-find-previous.tabbable:not([disabled="true"]):hover,
findbar .findbar-find-next.tabbable:not([disabled="true"]):hover {
    color: #447FFF !important;
}

Отредактировано _zt (23-04-2021 20:44:51)

Отсутствует

 

№1011123-04-2021 21:00:14

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

Vitaliy V.
просто у меня сейчас нет 10'ки снес нафиг.
Понял!
Просто последнее время часто приходится переключаться на другие приложения, так что FF оказывается не в фокусе (раньше такого не наблюдал), поэтому сейчас несколько и напрягает это переключение на черный цвет. Ну да ладно, как-нибудь приспособлюсь, тогда.

Отсутствует

 

№1011223-04-2021 21:52:00

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

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

Этот простой специально подсунут, чтобы скрипт оживить? Особенно на livejournal.com

вроде был рабочий, я тут его собрал https://forum.mozilla-russia.org/viewtopic.php?pid=786812#p786812
первое что на глаза попалось и не объемное, типа youtube'овских, хотелось понять принцип, ну и некий feasibility study, понял что тяжеловато будет без ваших знаний
так что пока курю в сторонке :whiteflag:

Отсутствует

 

№1011323-04-2021 22:06:21

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

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

Vitaliy V. пишет

да и нельзя эту кнопку переместить в такой реализации, только вместе с findbar справа

Понял. Буду привыкать к такому расположению кнопки.
Спасибо за стиль.

v4386 пишет

так что FF оказывается не в фокусе (раньше такого не наблюдал)

:offtopic:
Странно. Сейчас перезагрузился в десятку с инсталлированной в систему 88 [firefox], стандартная и системная темы меняют цвет после смены фокуса.
Встроенные Тёмная, Alpenglow  и сторонняя тема - нет. Скачал портативку 87 ради интереса, та же петрушка, в 78 то же самое.
скрытый текст
c82ccada6f5f.png

скрытый текст
0a00118381cf.png

Отсутствует

 

№1011423-04-2021 22:41:04

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

sandro79 пишет

Странно. Сейчас перезагрузился в десятку с инсталлированной в систему 88 [firefox], стандартная и системная темы меняют цвет после смены фокуса.
Встроенные Тёмная, Alpenglow  и сторонняя тема - нет. Скачал портативку 87 ради интереса, та же петрушка, в 78 то же самое.

Так я же и не отрицаю. Просто раньше такого не замечал, а сейчас по работе приходится одновременно работать с несколькими приложениями, вот и стала напрягать эта постоянная смена цвета, когда FF не в фокусе.

Отредактировано v4386 (23-04-2021 22:46:49)

Отсутствует

 

№1011523-04-2021 22:49:21

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

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

v4386 пишет

Так я же и не отрицаю

Прошу прощения, не допонял :dumb: Смутило (раньше такого не наблюдал).

Добавлено 23-04-2021 22:59:37
Да тему такую поставить и нормально.
В 89+, там стандартная вообще ужас, что в фокусе, что не в фокусе.

Отредактировано sandro79 (23-04-2021 22:59:37)

Отсутствует

 

№1011623-04-2021 23:17:31

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

sandro79 пишет

Да тему такую поставить и нормально.

Так в том-то и дело, что мне в своё время, Vitaliy V. по моим запросам, в userChrome.css эту тему сделал (и она у меня полностью гармонирует с общим дизайном всей Windows), что менять её на какую-то тему из addons.mozilla.org вообще не комильфо.

Отсутствует

 

№1011723-04-2021 23:43:10

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 380
UA: Firefox 88.0

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

egorsemenov06 пишет
Vitaliy V. пишет
egorsemenov06 пишет

а такое можно сделать что бы во всех поисковых строках также было?

Ну везде может быть по разному например поиск на странице

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

Выделить код

Код:

*|input.findbar-textbox:focus::placeholder {
   opacity: 0 !important;
}


На странице новой вкладки поисковая строка другая совсем хотя input тоже есть

Понятно что ничего не понятно.Еще раз спасибо!!!

Vitaliy V помогите не осилил строку поиска на about:addons и about:preferences.

Отсутствует

 

№1011823-04-2021 23:53:14

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

Vitaliy V.
Диалог с sandro79 натолкнул меня на мысль проверить ваш код, который вы мне писали (ведь я поймал себя на мысли, что у меня действительно никогда раньше не менялся цвет Панели вкладок (хоть в фокусе/хоть не в фокусе), потому что у меня на уровне операционки для всех Панелей любых приложений в Windows, цвет не в фокусе зафиксирован такой же синий цвет, как и для Панелей в фокусе. И вы мне, когда-то давно, для FF прописали вот такой код в custom_style_user.css, который всё время работал, а в FF 88 почему-то перестал:

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

Выделить код

Код:

/* Цвет неактивного окна, задан, как в Win. 10 */
@media (-moz-windows-accent-color-in-titlebar) {
  :root[style*="--lwt-accent-color:rgb(12, 12, 13)"] {
    background-color: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important;
  }
}


Может, если когда снова у вас возникнет нужда или желание установить Windows 10, глянете что нужно будет подправить в этом коде? Уж больно напрягает, с непривычки, эта чернота, когда FF не в фокусе.

Отсутствует

 

№1011924-04-2021 00:39:00

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

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

egorsemenov06 пишет

помогите не осилил строку поиска на about:addons и about:preferences.

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

Выделить код

Код:

@-moz-document url("about:addons"), url-prefix("chrome://mozapps/content/extensions/"), url-prefix("about:preferences") {
link[href="chrome://global/skin/search-textbox.css"] ~ input[mozactionhint="search"]:focus::placeholder {
    opacity: 0 !important;
}
}

v4386
И так понятно, цвет темной темы изменился, попробуйте так

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

Выделить код

Код:

@media (-moz-windows-accent-color-in-titlebar) {
  :root[tabsintitlebar][style*="--lwt-accent-color:rgb(28, 27, 34)"] {
    background-color: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important;
  }
}


ну или совсем удалить [style*="--lwt-accent-color:rgb(28, 27, 34)"]


А нет это в [firefox] 89 изменился тогда фиг знает надо в 10'ке смотреть

Отредактировано Vitaliy V. (24-04-2021 00:48:02)

Отсутствует

 

№1012024-04-2021 00:50:59

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 380
UA: Firefox 88.0

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

Vitaliy V. пишет
egorsemenov06 пишет

помогите не осилил строку поиска на about:addons и about:preferences.

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

Выделить код

Код:

@-moz-document url("about:addons"), url-prefix("chrome://mozapps/content/extensions/"), url-prefix("about:preferences") {
link[href="chrome://global/skin/search-textbox.css"] ~ input[mozactionhint="search"]:focus::placeholder {
    opacity: 0 !important;
}
}

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

Отсутствует

 

№1012124-04-2021 02:16:40

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

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

Vitaliy V. пишет

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

Да так временно сделать

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

Выделить код

Код:

@media (-moz-windows-accent-color-in-titlebar) {
  :root[style*="--lwt-accent-color:rgb(12, 12, 13)"] {
    background-color: #0380f9 !important;
    color: -moz-win-accentcolortext !important;
  }
}

скрытый текст
48d5d402c4bc.png

Отсутствует

 

№1012224-04-2021 05:20:43

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

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

Я на 10-ке так меняю цвет активного/неактивного окна. Не всегда срабатывает, но уж что есть.

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

Выделить код

Код:

#main-window:not(:-moz-lwtheme) {
    background-color: rgb(0,209,234) !important; /*цвет фона активного окна*/
}
   
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
    background-color: rgb(215,0,242) !important; /*цвет фона неактивного окна*/
}


А с иконкой для RSS какой-то бред, раньше всё работало. Если заменить иконку от стандартного расширения Awesome RSS на другую (стиль https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/icons_colorized.css) добавив 1 строчку с ID расширения
скрытый текст

Выделить код

Код:

/* colorize feed buttons of Livemarks and Erinome RSS Detector add-on */
#pageAction-urlbar-_c5867acc-54c9-4074-9574-04d8818d53e8_,
#pageAction-urlbar-_e5a2b5ab-ebe8-44e5-aa53-770d21d52fa6_,
#pageAction-urlbar-_97d566da-42c5-4ef4-a03b-5a2e5f7cbcb2_ {
  --pageAction-image-16px: unset !important;
  --pageAction-image-32px: unset !important;
  list-style-image: url("../../image/feedIcon16.png") !important;
}


иконку растягивает по вертикали на всю высоту адресной строки, хотя другие иконки нормальные. Пришлось пока закомментировать.

Отсутствует

 

№1012324-04-2021 06:27:46

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 88.0

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

№10099

Vitaliy V. пишет

Это не знаю откуда, возможно влияние др. стилей., у себя не наблюдаю проверял и на [windows] 8.1

Так в том то и дело, если отключаю ваш стиль для меню, сепараторы становятся нормальными и квадратики тоже исчезают.
Как выяснилось, это так влияют /* Тултипы */ из VitaliyVstyle.github.io · GitHub

Vitaliy V. пишет

переменная --arrowpanel-dimmed с color-mix
можно включить в about:config layout.css.color-mix.enabled - true

Спасибо. Это сработало.

Vitaliy V. пишет

или использовать стиль в user_chrome_files

У вас есть такой стиль, чтоб с вашим меню сочетался?

Vitaliy V. пишет

Стиль тут не причем, это из-за https://forum.mozilla-russia.org/viewto … 41#p789641
смотрите какие js коды добавляют пункты в контекстное меню, и отключайте проверяйте...

Эт я понял, что стиль здесь не при делах, поэтому и написал отдельно и сказал "Ну и попутно...".   Спасибо.

Отредактировано voqabuhe (24-04-2021 07:50:47)

Отсутствует

 

№1012424-04-2021 12:58:11

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

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

voqabuhe пишет

Как выяснилось, это так влияют /* Тултипы */ из

Это уже история, тултипы от 2020.12.24 13:37:10,
Вот актуальная ссылка https://github.com/VitaliyVstyle/Vitali … t.css#L152

voqabuhe пишет

У вас есть такой стиль, чтоб с вашим меню сочетался?

Ну да у меня тултипы же сочетаются, и Proton вроде не проблема, хотя на [windows] 10 проверить ещё надо
https://github.com/VitaliyVstyle/Vitali … -89-proton

Отсутствует

 

№1012524-04-2021 19:38:31

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 88.0

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

Vitaliy V. пишет

надо в 10'ке смотреть

К сожалению в 10'ке не сработало: ни изменённый код, ни с удалением [style*="--lwt-accent-color:rgb(28, 27, 34)"]
А что, в FF 89 этот ваш новый код работает? Тогда, наверное, целесообразнее до обновления FF подождать, тем более там этот Proton введут. По ходу, опять все стили полностью переделывать из-за него придётся? Достали они уже: чуть-ли не каждый год интерфейс меняют. Причём с каждым таким обновлением вид у FF всё хуже и хуже становится.

Отсутствует

 

Board footer

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