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

Джархан · №5251

После применения темы Placebo для Windows 10 на FF изменилось контекстное меню:

Как вернуть человеческий вид?

drage2 · №5252

Поставил темную тему , хочу, чтобы в адресе по-старому было при фокусе , теперь наоборот...

v4386 · №5253

Vitaliy V.
Спасибо за помощь!
Подставил вначале ваш код, но изменений не последовало... Я решил, что ваш новый код конфликтует с одним из моих старых: методом исключений нашёл виновника (причём до FF64 версии, конфликтов между кодами не было).
Оказалось конфликтует код, который устранял у меня эффект стробоскопа (это, когда, при использовании темной темы, страницы открываются через промелькивание пустой белой страницы). Вот тот код:

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

Выделить код

Код:

@-moz-document url(chrome://browser/content/browser.xul)
{
   #main-window,
   browser[type="content-primary"],
   browser[type="content"],
   tabbrowser#content,
   #content,
   browser[type="content"] > html
   {
      background: #323234 !important;
   }
}

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

P.S.:

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

По поводу создания темы для FF; разархивировал вашу тему: действительно, вроде, не особо сложно будет попробовать написать свою тему, но в любом случае вопросы будут возникать по началу. И уж тогда научите сначала, как её подписывать, чтобы можно было сразу применять и видеть, что у меня получается. Тем более, что вы пишите, что: "и это не сложно"; либо ткните носом на русскоязычный ресурс, где можно пообщаться и поучиться, как это делать. Я в своё время, вот также, благодаря добрым людям, научился полностью с нуля строить свои темы для Windows 7. И даже выкладывал их потом на специализированных форумах. :offtopic:

vitalii201 · №5254

Как исправить для [firefox] 64

цвет шрифт в некоторых меню "почернел"

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

Выделить код

Код:

/*Snow Leopard tooltips*/ 
tooltip {
-moz-appearance: none !important;
opacity: 0.95 !important;
padding: 12px !important;
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAvCAYAAABAHIylAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAUlSURBVHja7JtPaBRXHMc/781OdnXNqinVlphK4iJoQWiLGIjgLV6UEBFLEcFzLr0JihdB8OjNkwdBWCkKIejFXIKYQkR6CS2Gsv5rjE0sSN11kzWz814P+ya+vMxGL4Xdzfzgx7x9O4edD9/fmzfz+67QWrNeCCGEO9Vg3MyhG4zRnwAg4r53oAgniRm3AhwdM7bnYmGtAWTBiSBI6yiduWaH5AJR1lE5czoO0ipAFhwbhGeltI4upGZWkA0ltI6h9Tk6ZxWkFUAOnChTVmaAHcBWIAukY8qtWeEAfAAqwDvgDVAFalYqK1cgCa11HBzPQPGBDuBrz/P6BgcH1aFDh6pHjx4t9/f3V2mhmJqayty/f7/z0aNHmfHxcRmG4TPgb2AZCAyk0IVkAxKOajqMSvbm8/kdV65c+efkyZNl2iDu3LnTef78+S+LxeIb4E+jrmVHTdoFFCknUk0G6NmzZ09vsVgsAoyMjBwYHx8fLpVKfUEQdLUSFN/33+ZyuWeDg4Oj165dmwbI5/P5p0+fPgdmTclFagoBpbXW9u3bs5STAbZ6nvdDoVCYP3XqVOnw4cM/Pnny5KdUKrUspQyFELqVAGmthVLKq9VqHfv27bs1OTn5S6FQyJ0+ffor4DezNlUtJYWA9pxbuG/KKgPsPnHiRPrSpUsLIyMjByYmJn5Op9NLUkq1du/Y/CGEQEqpPM+rzc/Pf//69evfz507Nzs9Pb1lZmYmBZSchVoDWlp3IumoqGtgYKAMcO/evTO+739oNdU0AKV93/8wNjZ2BmBgYKACbDfXnLK2MQJnL+MC6jx+/HgJoFKp9EgpQ9okpJRhuVzeDTA0NPQOyK0HCKfMIkjpfD4fACilsu2gHltFSqmsWaiDGDgrwpHOM5cNyGPjRCpOPa6ChLOL3kiAPOfahbsGxUESGwiQaPB8KaTzNB73amOjAIp7pYNc50XYRgS0hoUkifW3BAmCBFACKAGUAEoAJYASQAmgJBJACaD/F5DrgNAbiIOmgQNEOhO24yGcmZnpAJBSVkyLqG2e3oUQSwAvXrzwWW1gsFkgiXdAKKA6Nja2DSCbzc4qpdrmDWMYhl4ul3sOUCgUvgAWcdo9ERPZAI4C3k9OTnYBHDt27GYQBOl2UJHWWgRBkB4aGroJ8PDhw+3UTQ0qDpLdOIwsLpFpQRSLxXxvb++7CxcuvLx7965eWFj4TgihTbYcGKVUKgiCzP79+2/dvn174vr1611Xr17tA54B71nbWVVuTz4DbAY6qdtcdu/atWvn7Ozsr7CqN58PgmBbKwHyff/fXC5XtHvzPT09A69evVoAXlJvPZdNuVUxjg+3L58GNlH3/+RM7u3u7s5evnz5j7Nnz75thzXoxo0bXRcvXvx2bm6uQt3dUTJZAZaouz1qQOh2VSPjwiZgi1FSJ9Atpfymv79/4eDBg2+Hh4ffHDlyZLGVoDx48GDz6OjojsePH3dNTU3tVEr9BcwZ1ZRNiS1ZZbZSYo3cHZsNpKzJLdQdZjnzXQfN7VN0787LpnxK1B1m741iKma8GLMG6ZTWOlpwI99ezZwkrW2AMvNVPrZpU6ztqzUroOj3R9dWNWpZdFRju8z05zrMMlZ2NADU7B5FF1AEKcrPcphBY49ilL5J2/XaKgqKHK2ByWUr1/coRntvB5LrcvX52OC3e9nQ/D5p5UCqWVA+7XI1+wRqtVrik6aBT9r3fQAbUuK0jwPkQLJBbez/atiA7HBguUDa/t8+/w0Aop+YsD/C4DEAAAAASUVORK5CYII=") !important;
border-image-slice: 15 fill !important;
border-image-width: 15px !important;
border-image-repeat: repeat !important;
background: none !important;
-moz-window-shadow: none !important;
}
tooltip label {
margin: 0px !important;
padding: 0px 3px 4px !important;
color: #fff !important;
}

Отредактировано vitalii201 (13-12-2018 19:13:10)

dreamkz · №5255

v4386, попробуйте этот стиль. При открытии новых вкладок у меня нет белых вспышек в тёмной теме.

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

Выделить код

Код:

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

v4386 · №5256

dreamkz пишет

v4386, попробуйте этот стиль. При открытии новых вкладок у меня нет белых вспышек в тёмной теме.

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

Dumby · №5257

vitalii201 пишет

64

Точно, 64 же. Мне чего-то казалось это дело моложе.

Джархан · №5258

Откатился на FF63, что-то мне 64 вообще не зашёл.

А шрифт чёрным так и остался. И Snow Leopard Tooltips не сработал

Отредактировано Джархан (13-12-2018 22:51:13)

x0009 · №5259

В Firefox 65 перестал работать:

Выделить код

Код:

/* Скрыть черную линию под панелью навигации */
#navigator-toolbox{--toolbox-border-bottom-color: none !important;}

Как исправить?

Отредактировано x0009 (14-12-2018 00:22:23)

Vitaliy V. · №5260

v4386 пишет

код, который устранял у меня эффект стробоскопа

https://forum.mozilla-russia.org/viewto … 23#p764323

v4386 пишет

И уж тогда научите сначала, как её подписывать, чтобы можно было сразу применять и видеть, что у меня получается.

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

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

или отключить проверку или ...

насчет как подписать https://forum.mozilla-russia.org/viewto … 02#p764502

x0009

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

Выделить код

Код:

#navigator-toolbox::after {
    display: none !important;
}

sn260591 · №5261

Есть ли способ применить свои стили для окна dev tools (ctrl+alt+shift+I)?

Karn · №5262

Vitaliy V. пишет

64 + добавили новые css свойства для скроллбара
если добавить в userContent.css
скрытый текст
Выделить код
Код:
html, body {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

А можно ли уменьшить ширину и цвет скроллбара боковой панели?

x0009 · №5263

Помогите скрыть:
Отступы слева и справа от адресной строки
Кнопку настройки новой вкладки
Пункт "Блокировка содержимого" в главном меню

dreamkz · №5264

x0009 пишет

Отступы слева и справа от адресной строки

Разве через персонализацию нельзя убрать лишние интервалы?

x0009 пишет

Кнопку настройки новой вкладки

Самому интересно.

x0009 пишет

Пункт "Блокировка содержимого" в главном меню

userChrome.css

Выделить код

Код:

#appMenu-tp-label,
#appMenu-tp-separator
{
 display: none !important;
}

Вит · №5265

Перенес профиль в ESR portable 64 и многие коды не работают! Что это может быть?

Отредактировано Вит (15-12-2018 09:53:11)

drage2 · №5266

Vitaliy V.
Рихтую темную тему , осталось 2 вопроса . Как сделать контекст меню более темной , но без Bookmarkspopup , только контекст.
И стрелочка указатель , чтобы белая была.

x0009 · №5267

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

dreamkz пишет

x0009 пишет
Отступы слева и справа от адресной строки
Разве через персонализацию нельзя убрать лишние интервалы?

Я убрал, но там есть еще интервалы

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

x0009 пишет
Пункт "Блокировка содержимого" в главном меню
userChrome.css
Выделить код
Код:
#appMenu-tp-label,
#appMenu-tp-separator
{
 display: none !important;
}

Спасибо. Только оно не полностью скрывается, вот так надо:

userChrome.css

Выделить код

Код:

#appMenu-tp-button {display: none !important;}

Правила п. 2.9 Излишне цитировать. Это затрудняет чтение сообщения и излишне загружает тему. Для размещения цитат можно использовать сайт «Pastebin». Излишнее цитирование будет удаляться без предупреждения
Sergeys

Отредактировано x0009 (15-12-2018 14:23:21)

dreamkz · №5268

x0009 у меня оба элемента работают 1) #appMenu-tp-label, 2) #appMenu-tp-button. Оба скрывают "Блокировать содержимое".

x0009 пишет

Только оно не полностью скрывается

Почему? Я сам в этом толком не разбираюсь, а нашёл нужный элемент через "Инструменты браузера".

dreamkz пишет

Скрыть кнопку настройки новой вкладки

А этот вопрос решился?

Vitaliy V. · №5269

sn260591 пишет

Есть ли способ применить свои стили для окна dev tools (ctrl+alt+shift+I)?

в папке chrome_debugger_profile
создать папку chrome c userChrome.css userContent.css

Karn пишет

А можно ли уменьшить ширину и цвет скроллбара боковой панели?

в userChrome.css, не только для боковой

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

Выделить код

Код:

treerows, treerows scrollbar, scrollbox, .panel-subview-body, #customization-palette, #customization-panel-container, #widget-overflow-fixed-list {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

drage2 пишет

Рихтую темную тему

вопрос зачем? я же тебе писал как сделать свою + стиль https://forum.mozilla-russia.org/viewto … 65#p764365
для меню на которые не действует тема. Цвет фона меню зависит от темы, ну или там можно на другой заменить

x0009 · №5270

dreamkz пишет

Почему?

Остается

Справа от пунктов главного меню написаны комбинации клавиш. Как их убрать?

drage2 · №5271

Vitaliy V.
Ладно, и так сойдет. Убивает только выделение текста в URL. Текст- бледносиний , выделение - белый...Как вернуть?

Отредактировано drage2 (15-12-2018 16:55:49)

Vitaliy V. · №5272

Справа от пунктов главного меню написаны комбинации клавиш. Как их убрать?

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

Выделить код

Код:

#appMenu-popup .subviewbutton[shortcut]::after {
    display: none !important;
}

drage2 пишет

выделение текста в URL. Текст- бледносиний , выделение - белый...Как вернуть?

для всех textbox

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

Выделить код

Код:

textbox *|input::-moz-selection {
    color: highlighttext !important;
    background-color: highlight !important;
}

Karn · №5273

Vitaliy V. пишет

в userChrome.css, не только для боковой
скрытый текст
Выделить код
Код:
treerows, treerows scrollbar, scrollbox, .panel-subview-body, #customization-palette, #customization-panel-container, #widget-overflow-fixed-list {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

Спасибо большое, осталось справиться с скроллбарами на самих страницах, например, в поле "Код" под спойлером. Они цвет поменяли и потеряли стрелки, но размер остался большим.

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

drage2 · №5274

Vitaliy V.
Теперь почти идеально. Правда, на скролле нема arrow... как-то непривычно..

x0009 · №5275

Сам нашел

Выделить код

Код:

/*Скрыть отступы слева и справа от адресной строки*/
#urlbar {margin-left: -2px !important; margin-right: 0px !important;}

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

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