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

Neytrino · №11951

sandro79, и снова - огромное спасибо!

А можно ссылочку на то, как использовать скрипты в фоксе?

sandro79 · №11952

Neytrino

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

Там же у Aris-t2 есть инструкция. method 2 у него лучше наверно использовать.
Или этот способ. Для [firefox]

100+, userChrome.js нужно будет обновить.
Скачать любой скрипт на github можно нажав кнопку Raw, потом в меню Сохранить как...
https://forum.mozilla-russia.org/viewto … 95#p797195 и ниже можно посмотреть обсуждение.
Если будут вопросы по скриптам, то лучше здесь обсуждать.

Neytrino · №11953

sandro79, всё получилось, премного благодарен!

Northtech · №11954

Подскажите как удалить сепаратор для #context-keywordfield. Спасибо.

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

kokoss · №11955

Northtech
Здесь возьмите нужный вам селектор.

Stkvsky · №11956

Подскажите как в новых версиях правильно задать ширину вкладки
Таким способом делаю после закрытия вкладки остается пустое место

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

Выделить код

Код:

.tabbrowser-tab {	
min-width: 32px !important;
max-width: 32px !important;
}

Вот такое остается

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

UPD.
нашел такое вроде работает

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

Выделить код

Код:

.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"])
{
	max-width: 32px !important;
}
  
  .tabbrowser-tab[fadein]:not([pinned]):not([style*="min-width"])
{
	min-width: 32px !important;
}

UPD2.
kokoss
спасибо

Отредактировано Stkvsky (28-04-2022 23:57:06)

kokoss · №11957

Stkvsky
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tab_maxwidth.css

igr40 · №11958

Всем здравия . Может кто знает как убрать три точки в названиях закладок и убрать пустое место в конце названия закладки. То есть чтобы названия закладок были на всю ширину.

kokoss · №11959

igr40 пишет

То есть чтобы названия закладок были на всю ширину.

Вы представляйте какой должна быть ширина всплывающего окна закладок если названия закладок будут полными на всю ширину?!

sandro79 · №11960

igr40
Так попробуйте

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

Выделить код

Код:

.bookmark-item > .menu-iconic-text {
  display: none !important;
}
.bookmark-item > label {
  margin-inline-start: 1px !important;
  display: -moz-box !important;
  overflow: hidden;
  -moz-box-flex: 1;
}
.bookmark-item .menu-iconic-accel {
  margin-inline: 0px 2px !important;
}

vending_machine · №11961

Подскажите пожалуйста, как сделать фон изображения, при открытии его(изображения) в новой вкладке, нужного цвета?

Neytrino · №11962

vending_machine, есть расширение Image Background Color Picker

vending_machine · №11963

Neytrino пишет

vending_machine, есть расширение Image Background Color Picker

Спасибо

_zt · №11964

vending_machine
Выдрал css оттуда, вроде работает, но особо не проверял.

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

Выделить код

Код:

@-moz-document regexp("(?:https?|ftp|file):\/\/.*(\.jpeg|\.jpg|\.svg|\.png|\.webp|\.bmp|\.ico|\.gif|\.bpg|\.tiff).*") {
html > body {
    background: initial !important
  }
html > body > img {
    background-image: none !important;
    background-size: initial !important;
    background-position: 0 0 !important;
    background: initial !important;
  }
html {
    background-color: #a9a9a9;
    background-image: linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0, grey), linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0, grey);
    background-size: 4vmin 4vmin;
    background-position: 0 0, 2vmin 2vmin;
  }
}

Отредактировано _zt (03-05-2022 11:24:34)

sandro79 · №11965

Так ещё можно поменять фон под изображением https://forum.mozilla-russia.org/viewto … 55#p790955
В [firefox] 101+ body уже не срабатывает, можно заменить на :root или добавить его

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

Выделить код

Код:

@-moz-document media-document(image), media-document(video) {
	:root, body {
		background: royalblue !important;
	}
}

_zt · №11966

На 91, для png с альфой, :root, body или только :root дает такой результат:

А стиль из расширения, такой:

исправленный стиль

Выделить код

Код:

@-moz-document media-document(image) {
html > body {
    background: initial !important
  }
html > body > img {
    background-image: none !important;
    background-size: initial !important;
    background-position: 0 0 !important;
    background: initial !important;
  }
/* Можно закомментировать эту секцию и раскомментировать следующую */
html {
    background-color: #a9a9a9 !important;
    background-image: linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0, grey), linear-gradient(45deg, grey 25%, transparent 0, transparent 75%, grey 0, grey) !important;
    background-size: 2vmin 2vmin;
    background-position: 0 0, 1vmin 1vmin;
  }
/***//*
html {
    background: conic-gradient(#ddd 0.25turn, #999999 0.25turn 0.5turn, #ddd 0.5turn 0.75turn, #999999 0.75turn) top left / 18px 18px repeat !important;
  }
/***/
}

Еще раз исправил, добавил important-ы, а то не стабильно себя ведет, и добавил альтернативный вариант сheckerboard-а.

Отредактировано _zt (08-05-2022 09:44:21)

voqabuhe · №11967

Кто-нибудь может сделать тёмные темы для Quick Bookmark To Folder и Update Bookmark? А то активно ими пользуюсь и достало это белое, яркое мелькание.

_zt · №11968

voqabuhe
Здесь.

Отредактировано _zt (09-05-2022 14:30:06)

Viatcheslav · №11969

Друзья, помогите, пожалуйста :whiteflag:
Переезжаю на новый профиль. Скопировал туда папку chrome,
установил расширения, кнопки СВ, скрипты...
Всё идентично, кроме некоторых скрытых настроек (about:config).
В новом профиле никак не могу добиться отображения кнопки
копирования ссылки в адресной строке (на скриншоте)

Как узнать, с помощью чего она отображается?
Если нужно, предоставлю архив папки профиля.
Благодарю за помощь :beer:

sandro79 · №11970

Viatcheslav пишет

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

В 88 ПКМ в троеточечном меню(скрин), которое у вас скрыто стилем видимо. В протоновском интерфейсе так можно добавить.

Viatcheslav · №11971

Ох, спасибо огроменное :beer: Как-то я выпустил это трёхточечное меню... :blush:

Ник 22 · №11972

Подскажите пожалуйста. Можно ли звездочку в панели адреса которая служит для сохрания закладок перенести на панель инструментов в виде кнопки.

Отредактировано Ник 22 (05-05-2022 06:33:58)

voqabuhe · №11973

_zt, №12129
Во, спасибо, намного лучше стало. А как бы ещё в Quick Bookmark To Folder изменить цвет трёх разделителей, а в Update Bookmark голубой цвет заголовка окошка и внизу трёх кнопок Обновить...?

Отредактировано voqabuhe (05-05-2022 21:27:12)

_zt · №11974

voqabuhe

Quick Bookmark

Выделить код

Код:

@-moz-document url-prefix(moz-extension://uuid/) {
* {
    background: #333 !important;
    color: #ccc !important;
    border-color: orange !important;
}
input {
    background: #333 !important;
    color: #aaa !important;
}
#entry-count, button {
    color: #222 !important;
}
.folder::before {
    filter: invert(90%) !important;
}
.folder:hover {
    background-color: #000 !important;
}
}

Это, если надо поменять цвет выделения (последняя секция), в custom_styles_all_agent.css и не забыть раскомментировать в CustomStylesScripts.jsm, ну и включить в настройках UCF. Если не надо, то как обычно.

Update Bookmark

Выделить код

Код:

@-moz-document url-prefix(moz-extension://uuid/) {
body {
    background: #333 !important;
}
.body {
    border: 1px solid #555 !important;
    border-radius: 1px !important;
}
.select {
    background: #555 !important;
}
.body {
    width: 450px !important;
    max-width: 450px !important;
    height: 200px !important;
}
.title, .title tr {
    background: #333 !important;
}
.updateButton {
    background: #555 !important;
    border: 1px solid #888 !important;
}
.updateButton:hover {
    background: #777 !important;
}
option {
    color: #ddd !important;
}
option:checked {
    background: #000 !important;
    color: #ddd !important;
}
select:focus > option:checked {
    background: #000 !important;
    color: #ddd !important;
}
}

Отредактировано _zt (10-05-2022 13:13:41)

voqabuhe · №11975

_zt
Спасибо, теперь всё замечательно.

Это, если надо поменять цвет выделения (последняя секция), в custom_styles_all_agent.css и не забыть раскомментировать в CustomStylesScripts.jsm, ну и включить в настройках UCF. Если не надо, то как обычно.

Да они у меня оказывается куда-то исчезли, в этой и ещё одной кнопке расширения. Видно какой-то стиль косячит, надо будет поискать. Хотя, особо там отсутствие выделений и не мешает, я до этого и внимания не обращал, что их там нет.

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

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

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

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

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

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

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

Код:

Код:

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

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

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

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

Код:

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

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

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

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

Код:

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

Код:

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

Код:

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

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

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

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

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

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

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

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

Код:

Код:

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

Board footer