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

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

№1080117-07-2021 10:32:25

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

kokoss пишет

У меня в [firefox] 68, работает!

Возможно, я как то не так вставил, но я не это имел в виду. Fill, если я не ошибаюсь, меняет цвет заливки элемента на указанный. Мне же нужно, чтобы вместо стандартной черно-белой кнопки "х" вставлялось мое цветное изображение. А у меня получается так (слева - режим normal, справа - touch):

скрытый текст
e196e4aa15b7.jpg

Добавлено 17-07-2021 10:44:53
Вопрос по userContent.css. Как можно это
d7ce7f01b719.jpg
привести к такому виду
c7293a15ba0c.jpg
т. е. убрать все скругления и сделать рамку меньше по высоте?

Отредактировано Алексей У. (17-07-2021 10:44:53)

Отсутствует

 

№1080217-07-2021 11:21:31

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

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

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

Вопрос по userContent.css. Как можно это привести к такому виду

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

Выделить код

Код:

@-moz-document domain("google.com"), domain("google.ru") {
.RNNXgb {
	border-radius: 0px !important;
	height: 34px !important;
}
.aajZCb {
	border-radius: 0 0 0px 0px!important;
}
}

Отсутствует

 

№1080317-07-2021 12:38:10

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

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

Вопрос по userContent.css. Как можно это привести к такому виду

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

Выделить код

Код:

@-moz-document domain("google.com"), domain("google.ru") {
.RNNXgb {
	border-radius: 0px !important;
	height: 34px !important;
}
.aajZCb {
	border-radius: 0 0 0px 0px!important;
}
}

За выпадающий список благодарю, его мне не удавалось исправить. Еще бы такую красоту для картинок и видео сделать, там другие селекторы, похоже, а также элементы (логотип, текст запроса и лупу, крестик с клавиатурой вроде бы нормально) выровнять по середине, а то они на разной высоте получаются:
129f00305a3c.jpg

Отсутствует

 

№1080417-07-2021 13:28:54

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

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

rubel пишет

А как вернуть всплывающие подсказки на закладках в боковой панели в Firefox_91.0b3, как было раньше ?

Это явно баг забыли добавить localName в BookmarksEventHandler.fillInBHTooltip --> if (aTooltip.triggerNode == "treechildren") {
Вот пока не исправят

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

Выделить код

Код:

(() => {
    var func = BookmarksEventHandler.fillInBHTooltip, str = `${func}`, regx = /if\s\(aTooltip\.triggerNode\s==\s"treechildren"\)\s\{/g;
    if (!regx.test(str)) return;
    BookmarksEventHandler.fillInBHTooltip = eval(`(${str.replace(/^(async\s)?.*?\(/, `$1function ${func.name}(`)
                .replace(regx, 'if (aTooltip.triggerNode.localName == "treechildren") {')})`);
})();

_zt пишет

список содержимого, через новую строку, для [container="true"]. С индикацией подпапок (не стоит их разворачивать).

Не понял что, какой список, в тултипе ? Не знаю, похоже это слишком заморочно

Отсутствует

 

№1080517-07-2021 14:27:34

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 91.0

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

Vitaliy V. пишет

Вот пока не исправят

Спасибо, будем ждать исправление.
Ни какими стилями из этой темы(Настройка внешнего вида Firefox в userChrome.css) мне так и не удалось привести в божеский вид Firefox_91.0b3. :(
Спасает только ваша full_theme. Но вот в контекстном меню сверху ужасно большие иконки. Как их размер сделать обычным?
b22207696e0c.png

Отсутствует

 

№1080617-07-2021 16:10:45

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

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

rubel пишет

большие иконки

Да, спс. исправил везде стиль меню, недоглядел в [windows] 10, это их протоновское меню...

Отсутствует

 

№1080717-07-2021 17:34:49

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

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

Вопрос по userContent.css. Как можно это привести к такому виду

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

Выделить код

Код:

@-moz-document domain("google.com"), domain("google.ru") {
.RNNXgb {
	border-radius: 0px !important;
	height: 34px !important;
}
.aajZCb {
	border-radius: 0 0 0px 0px!important;
}
}

Наконец-то удалось добиться такого результата:
48d45e194914.jpg
Код:

скрытый текст
@-moz-document domain(google.com) {
  .RNNXgb {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    height: 32px !important;
  }

  .aajZCb {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
    width: 716px !important;
  }

  .dRYYxd {
    margin-right: -10px !important;
  }

  .ACRAdd,
  .Umvnrc {
    display: none !important;
  }

  .Tg7LZd {
    background-color: #4584ef !important;
    width: 60px !important;
    height: 34px !important;
    margin-top: -1px !important;
  }

  .FAuhyb > span:nth-child(1) {
    fill: #ffffff !important;
    margin-right: -12px !important;
  }
}


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

Отсутствует

 

№1080817-07-2021 18:07:31

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

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

Vitaliy V.
Ну конечно в тултипе. Список содержимого папки. Ну нет так нет.

Отсутствует

 

№1080917-07-2021 18:35:08

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

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

_zt пишет

Список содержимого папки

А вы представляете какой тултип будет, хорошо если в экран влезет

Отсутствует

 

№1081017-07-2021 18:54:05

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

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

Vitaliy V.
А ни кто под дулом пистолет не заставляет вас его использовать. Я представляю. Поэтому и попросил. Я вообще не люблю большие папки, 20-30 элементов у меня максимум, иначе подгруппа, в том числе и в ФС.

Отсутствует

 

№1081117-07-2021 21:14:58

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

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

Алексей У.
Лого и текст запроса, но с ним не всё гладко, не совсем понятно, тот ли класс использован, сомневаюсь я. Там три класса этот текст двигают, а какой правильный...

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

Выделить код

Код:

.logo {
	top: 0px !important;
}
.gLFyf {
	margin-top: -45px !important;
}

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


Там где лупу двигаете, достаточно только .FAuhyb без  > span:nth-child(1)

скрытый текст
Image_001.png
Марджин боттом я добавил.

Отредактировано sandro79 (17-07-2021 21:41:12)

Отсутствует

 

№1081217-07-2021 21:40:43

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет

Алексей У.
Лого и текст запроса, но с ним не всё гладко, не совсем понятно, тот ли класс использован, сомневаюсь я. Там три класса этот текст двигают, а какой правильный...

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

Выделить код

Код:

.logo {
	top: 0px !important;
}
.gLFyf {
	margin-top: -45px !important;
}

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


Там где лупу двигаете, достаточно только .FAuhyb без  > span:nth-child(1)

Вот появилась такая мысль с Яндекса на Гугл перейти, поэтому решил переделать Гугл под себя. Но, похоже, проще плюнуть на внешний вид, чем делать что-то. У этих гугловцев оформление везде все по-разному: в поиске - одно,  в переводчике - другое, на Youtube - третье, в почте и диске - четвертое... короче, не удалась унификация. Увы и ах, как говорится.

Отсутствует

 

№1081317-07-2021 21:43:44

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

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

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

Но, похоже, проще плюнуть на внешний вид, чем делать что-то.

Вот то верно, по минимуму настроить, чтоб не поплыло остальное.

Отсутствует

 

№1081417-07-2021 22:04:45

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

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

Но, похоже, проще плюнуть на внешний вид, чем делать что-то.

Вот то верно, по минимуму настроить, чтоб не поплыло остальное.

Мои минимум в данном случае - то, о чем я в начале писал - убрать все эти дурацкие радиусы и скругления (очень уж они меня бесят). Вроде получилось, но, к сожалению, "внутренности" по высоте разбежались. Кстати, этот же фокус наблюдается (я проверил) даже тогда, когда просто меняешь высоту строки поиска. Почему - не знаю, я не большой спец в CSS, чаще методом тыка действую.

Отсутствует

 

№1081517-07-2021 23:54:16

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

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

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

но, к сожалению, "внутренности" по высоте разбежались

Да, тут минимум получается ещё минимальней - только радиусы убрать.


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

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

Выделить код

Код:

#searchbar .search-go-button {
	display: initial !important;
	list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
	transform: scaleX(-1);
	fill-opacity: .7 !important;
	width: 23px !important;
	height: 23px !important;
}

Для 78 адрес лупы другой chrome://browser/skin/search-glass.svg

Отсутствует

 

№1081618-07-2021 10:19:20

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 135
UA: Firefox 90.0

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

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


скрытый текст
18-07-2021_101523.jpg

Отсутствует

 

№1081718-07-2021 10:30:09

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

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

Alex_one пишет

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

Первое можно скрыть отключив ридер, стилем так можно

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

Выделить код

Код:

#urlbar-input-container :is(#reader-mode-button, #urlbar-zoom-button, #star-button-box)  {
    display: none !important;
}

Код подправил.

Отредактировано sandro79 (12-09-2021 21:35:25)

Отсутствует

 

№1081818-07-2021 11:30:34

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 91.0

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

kokoss пишет

Alex_one
Как вариант, добавьте в файл config.js -> строку lockPref("browser.theme.toolbar-theme", 2);  но будет светлая везде ( настройках, дополнениях и...

У меня эта настройка ничего не изменила все эти страницы остались темными. Firefox_91.0b3
Как в нем сделать светлыми страницы настроек, дополнений и т.д. ?

Отсутствует

 

№1081918-07-2021 12:05:24

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 135
UA: Firefox 90.0

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

sandro79
Вы как всегда выручаете.
Огромное Спасибо!
thank-you.gif


rubel пишет

У меня эта настройка ничего не изменила все эти страницы остались темными. Firefox_91.0b3
Как в нем сделать светлыми страницы настроек, дополнений и т.д. ?

Вот тоже за этим вопросом - ответом буду следить.
Рано или поздо ведь пригодится)

Отсутствует

 

№1082018-07-2021 12:55:23

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

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

rubel пишет

У меня эта настройка ничего не изменила все эти страницы остались темными

Я так понимаю, это в [windows] 10, если включен тёмный цвет приложения, страницы становятся тёмными.
У меня сработало переключение browser.theme.toolbar-theme в 1 в [firefox] 90,91 и 92 [nightly], хотя вряд ли эти версии уж так сильно отличаются.
И настройку нужно заблокировать, как сказал kokoss, т.к. после перезапуска [firefox], настройка вернётся в дефолтное состояние.
Или может я не понял о чём речь, но у меня такое поведение в [windows] 10.

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

Alex_one пишет

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

:beer:

Отсутствует

 

№1082118-07-2021 12:58:23

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

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

создать числовое  ui.systemUsesDarkTheme
0 - светлая тема
1 - темная тема

Добавлено 18-07-2021 13:25:24

rubel пишет

full_theme

Да забыл сказать это для full_theme, там ui.systemUsesDarkTheme
в зависимости от выбранной темы (кроме системной и адаптивных тем) в [firefox] создается со значением 0 или 1, светлая или темная.
Если нужно отключить это поведение то отключите custom_script.js или удалите код

PS. Скорее всего ещё пересмотрю код для новых версий [firefox]

Отредактировано Vitaliy V. (18-07-2021 16:13:02)

Отсутствует

 

№1082218-07-2021 16:17:26

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 91.0

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

Vitaliy V.
Я понял. Короче пришлось в файл config.js прописывать два параметра, если прописать любой один, то остается темная тема.
Вот так стала везде светлая тема

Выделить код

Код:

lockPref("browser.theme.toolbar-theme", 2);
lockPref("ui.systemUsesDarkTheme", 0);

Отсутствует

 

№1082318-07-2021 16:59:40

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

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

rubel пишет

пришлось в файл config.js прописывать два параметра

В общем да, нужно два параметра потому что даже если без full_theme
хоть служебные страницы и будут светлые в [firefox] 89+ но сайты могут применить темную тему prefers-color-scheme
если тема в ОС темная ну и наоборот.
А в full_theme похоже надо будет мне исправить в common.css для [firefox] 89+
prefers-color-scheme --> -moz-toolbar-prefers-color-scheme
хотя это необязательно если используется код в custom_script.js

Отредактировано Vitaliy V. (18-07-2021 17:29:14)

Отсутствует

 

№1082418-07-2021 17:55:58

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

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

Vitaliy V. пишет

создать числовое  ui.systemUsesDarkTheme
0 - светлая тема
1 - темная тема

У меня в [firefox] 90 и предыдущих версиях этот параметр включал тёмную тему не только в браузере, но и на Гитхабе, ютубе..., поэтому я её не использую.


Win7

Отсутствует

 

№1082518-07-2021 18:11:51

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

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

kokoss пишет

этот параметр включал тёмную тему не только в браузере, но и на Гитхабе, ютубе

Ну да в этом и дело чтобы и на сайтах работало а не только в браузере

Отредактировано Vitaliy V. (18-07-2021 18:18:33)

Отсутствует

 

Board footer

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