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

b0ttle · №9401

Vitaliy V.
Почему Ctrl+Shift+W/Q это одно и тоже? оба вырубают лису.
Также под хоткеи можно сделать такое, Ctrl+Shift+Q простои перезапуск, Ctrl+Shift+Q+Q перезапуск без кеша?

Отредактировано b0ttle (19-12-2020 18:41:44)

skichmen · №9402

Подскажите , пожалуйста , варианты решения . Сделать границы адресной строки вровень со значками панели или минимальным отступом . Если нет такого , то как поменять цвет границ адресной строки ? Чтоб вообще не выделялись на тулбаре .
И второй вопрос . Как сдвинуть кнопку закрытия вкладки вверх и вправо ?

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

На данный момент у меня такой userchrome.css

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

Выделить код

Код:

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

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

/* Change Title/tabs height */
#tabbrowser-tabs {
  --tab-min-height: 22px !important;
  margin-left: 0px !important;
  height: 22px !important;
}

*|*:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 4px !important;
    --toolbarbutton-inner-padding: 2px !important;
    --v-urlbar-search-container: 0px;
}

*|*:root:not([uidensity="compact"]) #back-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-inline-start: var(--toolbarbutton-outer-padding) !important;
    padding-inline-end: 0 !important;
}

#navigator-toolbox {
    border-block: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

#urlbar-container, #search-container {
    padding-block: var(--v-urlbar-search-container) !important;
    margin-inline: 0px !important;
}

#urlbar-search-splitter {
    min-width: 0px !important;
    width: 0px !important;
    margin: 0 0px !important;
}

#page-action-buttons > :not(#star-button-box) { display: none !important; }
.urlbar-history-dropmarker { display: none !important; }

.tabbrowser-tab image.tab-icon-image {
    display: none !important;
}

* {
    font-family: "Corbel";
}

* {
    font-size: 11pt !important;
}

* {
  font-weight: bold !important;
}

.tab-line{
  display: none !important;
}

.tab-label {
  -moz-box-flex: 1 !important;
  text-align: center !important;
}

Надёрган из разных мест методом тыка ...

linlin · №9403

Vitaliy V. пишет

linlin
если в дополнении нет ID то ошибка есть и на Firefox Developer Edition без всяких config.js
там проверка отключается в about:config
поэтому лучше добавить ID https://developer.mozilla.org/en-US/doc … c_settings
чем использовать старый код

Если я правильно понимаю, обладатели версии [firefox] для разработчиков могут отключить проверку цифровой подписи в about:config, файл config.js им для этого не нужен. Но если бы у моей темы был ID, я бы тоже могла отказаться от config.js, несмотря на то, что у темы нет цифровой подписи.
Я посмотрела, в manifest.json ID нет, но в about:debugging#/runtime/this-firefox написано, что ID моей темы - это название xpi-архива, которое он получил устанавливаясь в папку extensions. То есть я могу теперь выкинуть из config.js тот старый код отключающий проверку циф. подписи, и [firefox] не отключит и не удалит мою тему.
Или можно вставить в manifest.json:
"browser_specific_settings": {
"gecko": {
"id": "тут что-то вроде фальшивого и-мэйла или салат из букв и цифр с дефисами и в фигурных скобках",
"strict_min_version": "84.0"
}
}
и тогда даже при установке темы или расширения без циф. подписи config.js не нужен. Так?

Vitaliy V. · №9404

b0ttle пишет

Ctrl+Shift+W/Q это одно и тоже? оба вырубают лису.

не совсем https://support.mozilla.org/ru/kb/soche … -i-vkladki
Ctrl + Shift + W - Закрыть окно
Ctrl + Shift + Q - Выход для [windows]
Ctrl + Q - Выход для [linux]

b0ttle пишет

Ctrl+Shift+Q+Q перезапуск без кеша?

не понял что за Q+Q
и вообще выберите свободные раскладки
может так?
Ctrl + Alt + Q - простой перезапуск
Ctrl + Alt + Shift + Q - перезапуск без кеша

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

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

/* Change Title/tabs height */
#tabbrowser-tabs {
--tab-min-height: 22px !important;
margin-left: 0px !important;
height: 22px !important;
}

*|*:root[uidensity="compact"] {
--toolbarbutton-outer-padding: 4px !important;
--toolbarbutton-inner-padding: 2px !important;
--v-urlbar-search-container: 0px;
}

замена на

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

Выделить код

Код:

/* Change Title/tabs height */
*|*:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --v-urlbar-search-container: 1px;
}
#tabbrowser-tabs {
  --tab-min-height: 22px !important;
  margin-left: 0px !important;
}
#TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 2px !important;
}
#urlbar:not(:-moz-lwtheme):not([focused="true"]) > #urlbar-background,
#searchbar:not(:-moz-lwtheme):not(:focus-within) {
  border-color: transparent !important;
}
.tab-content {
    padding: 0 1px !important;
}
.tab-close-button {
    margin: 0 !important;
}
.tab-label {
    line-height: 1.25em !important;
}

а это вообще лучше удалить, почему бы в [linux] шрифты не настроить,
или хотя бы объедините в одно правило

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

* {
font-family: "Corbel";
}

* {
font-size: 11pt !important;
}

* {
font-weight: bold !important;
}

linlin пишет

и тогда даже при установке темы или расширения без циф. подписи config.js не нужен. Так?

Нет для релизных версий нужен config.js, тот на который я ссылку давал, а ID нужен для того чтобы не было той ошибки которая возникла у вас

Отредактировано Vitaliy V. (19-12-2020 20:18:57)

b0ttle · №9405

Можно и так.

skichmen · №9406

Vitaliy V.
Цель вопроса была или сделать адресною строку вровень со значками ( уменьшить вертикальный размер ) , или скрыть границы адресной строки . Чтобы не моргала вообще . На светлой теме выглядит не очень . а на тёмной вообще кошмар и раздражение )))
С Вашими поправками и таким кодом

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

Выделить код

Код:

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

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

/* Change Title/tabs height */
*|*:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --v-urlbar-search-container: 1px;
}
#tabbrowser-tabs {
  --tab-min-height: 22px !important;
  margin-left: 0px !important;
}
#TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 2px !important;
}
#urlbar:not(:-moz-lwtheme):not([focused="true"]) > #urlbar-background,
#searchbar:not(:-moz-lwtheme):not(:focus-within) {
  border-color: transparent !important;
}
.tab-content {
    padding: 0 1px !important;
}
.tab-close-button {
    margin: 0 !important;
}
.tab-label {
    line-height: 1.25em !important;
}

выглядит не очень .

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

А за крестик спасибо !!!

Общий в системе шрифт Ubuntu ... а в лисе почему-то Corbel . Не объяснимо !

Вот так у меня 78-esr выглядит . Но это с настройкой Firefox-color . Хочется похожего без расширения , а средствами userchrome .

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

Отредактировано skichmen (19-12-2020 21:13:54)

Renegade · №9407

Vitaliy V. пишет

причем тут Stylish, название этой темы прочтите...

большущее спасибо! не сразу установил.

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

оказалось надо было в конфиге покопаться settting toolkit.legacyUserProfileCustomizations.stylesheets to tru in about:config

Отредактировано Renegade (19-12-2020 21:23:56)

linlin · №9408

Vitaliy V. пишет

ID нужен для того чтобы не было той ошибки которая возникла у вас

Да, если вставить в manifest.json ID, то можно использовать для установки темы новый код для конфига.
Наверное можно не переживать, что проверка циф. подписи у меня теперь отключена. Что в ней проку, когда с сайта Mozilla люди скачивают подписанное расширение, а потом оказывается, что оно вредоносное? Ставить неизвестное расширение - всегда риск, что с подписью, что без.

Отредактировано linlin (19-12-2020 23:09:48)

Vitaliy V. · №9409

b0ttle

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

Выделить код

Код:

"KeyQ": {
                        "true_true_false": (e, nocache = false) => { // Ctrl+Alt+Q
                            if (this.insertText) return;
                            e.preventDefault();
                            var cancelQuit = Cc["@mozilla.org/supports-PRBool;1"].createInstance(Ci.nsISupportsPRBool);
                            Services.obs.notifyObservers(cancelQuit, "quit-application-requested", "restart");
                            if (cancelQuit.data)
                                return false;
                            if (nocache)
                                Services.appinfo.invalidateCachesOnRestart();
                            var restart = Services.startup;
                            restart.quit(restart.eAttemptQuit | restart.eRestart);
                        },
                        "true_true_true"(e) { // Ctrl+Alt+Shift+Q
                            this["true_true_false"](e, true);
                        },
                        "true_false_true"(e) { // Ctrl+Shift+Q для linux
                            if (AppConstants.platform == "linux")
                                this["true_true_false"](e, true);
                        },
                    },

skichmen пишет

С Вашими поправками и таким кодом

зачем убрали это правило

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

Выделить код

Код:

#urlbar-container, #search-container {
    padding-block: var(--v-urlbar-search-container) !important;
    margin-inline: 0px !important;
}

как и писал выше у вас не правильное представление, с чего вы взяли что адресная строка должна быть на уровне значков а не кнопок...
Ну да сделать можно но увеличивать значки плохая идея, если уменьшить строку то она будет 16px как значек слишком узкая.
но убрать бордюр Чтобы не моргала можно в том коде что я дал если удалить выделенное
#urlbar:not(:-moz-lwtheme):not([focused="true"]) > #urlbar-background,
#searchbar:not(:-moz-lwtheme):not(:focus-within) {
border-color: transparent !important;
}

skichmen · №9410

Vitaliy V.
Спасибо !!!

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

Выделить код

Код:

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

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

#page-action-buttons > :not(#star-button-box) { display: none !important; }
.urlbar-history-dropmarker { display: none !important; }

/* Change Title/tabs height */

#tabbrowser-tabs {
  --tab-min-height: 22px !important;
  margin-left: 1px !important;
  height: 22px !important;
}

#TabsToolbar {
    --toolbarbutton-outer-padding: 4px !important;
    --toolbarbutton-inner-padding: 0px !important;
}

#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme) {
  border-color: transparent !important;
}

*|*:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 4px !important;
    --toolbarbutton-inner-padding: 2px !important;
    --v-urlbar-search-container: 0px;
}

#urlbar-container, #search-container {
    padding-block: var(--v-urlbar-search-container) !important;
    margin-inline: 0px !important;
}

#urlbar-search-splitter {
    min-width: 0px !important;
    width: 0px !important;
    margin: 0 0px !important;
}

.tabbrowser-tab image.tab-icon-image {
    display: none !important;
}

.tab-content {
    padding: 0 1px !important;
}

.tab-close-button {
    margin: 2 !important;
}

.tab-label {
  line-height: 1.3em !important;
  -moz-box-flex: 1 !important;
  text-align: center !important;
}

* {
    font-size: 11pt !important;
    font-family: "Corbel";
    font-weight: bold !important;
}

С таким пока останусь кодом )))

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

Потом с тёмной Adwaita проверить .
Благодарю за помощь и потраченное время !

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

Отредактировано skichmen (20-12-2020 00:48:21)

Vitaliy V. · №9411

skichmen пишет

Ещё б подсказали какой параметр за "тень" кнопки закрытия вкладки отвечает ?

fill: цвет крестика и фона
fill-opacity: прозрачность фона

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

Выделить код

Код:

.tab-close-button {
    fill-opacity: 0 !important;
    fill: currentColor !important;
}
.tab-close-button:hover {
    fill-opacity: 0.1 !important;
}
.tab-close-button:hover:active {
    fill-opacity: 0.2 !important;
}

skichmen · №9412

Vitaliy V.
Спасибо !!!
В качестве прикола ... :offtopic:

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

Извращенство в поиске компактной темы ... Правим как можем userChrome.css , понимаем , что всё-таки не очень компактно ... в about:config правим layout.css.devPixelsPerPx в знчение 0.87 , а в общих настройках ставим масштаб страниц 110% . Ну вроде пока доволен . :lol:

b0ttle · №9413

skichmen
Очень круто, не надо столько править всего.
Только все немного размыто.

Vitaliy V.
Здравствуйте, хотел спросить вы в full-theme не добавляли темные темы для некоторых сайтов?
Если так, то как можно добавить в список и другие?

Отредактировано b0ttle (21-12-2020 16:20:38)

skichmen · №9414

b0ttle
У меня нормально . Размыто , может быть от несовпадения Dpi . Как это в винде проверить незнаю . В about:config это параметр layout.css.dpi . По умолчанию значение -1 , т.е. - автоматически . Попрубуйте поставить свои параметры . Или это

Если Firefox не может определить корректное значение автоматически, то частота смены кадров будет равняться 60. Задайте параметру layout.frame_rate частоту смены кадров используемого монитора (например, 144 для монитора с частотой 144 Гц), чтобы изменить данное поведение вручную.

Только запоминайте , что меняете ( я записываю ))) .

b0ttle · №9415

skichmen
Похоже у меня сейчас оптимально, меньше уже на зрение будет влиять, итак эти долбанные wled слепят неплохо, кончим на этом.

Vitaliy V. · №9416

b0ttle
нет никакого списка, только настройка ui.systemUsesDarkTheme - 1
у меня она включается если тема [firefox] темная. Поэтому и контент становится темным -
служебные страницы и сайты которые это поддерживают.
Поддержка может быть реализована на одном CSS
prefers-color-scheme

b0ttle · №9417

Как добавить под хоткей mute/unmute.

Отредактировано b0ttle (22-12-2020 21:44:54)

Inko7 · №9418

возник вопрос по использованию user_chrome_files:
Было несколько кодов прописанных в файле custom_script.js. Я их решил вынести в отдельные файлы и прописать через @import url("./js/script_name.js") - всё получилось и работает.
А вот с кодами из файла custom_script_win.js такое не прокатило. Сами коды были прописаны в самом низу файла. Импорты помещал и туда же, и в начало, и в середину (после строки // Здесь может быть ваш код который сработает по событию "load" не раньше) - не срабатывают...
Какие могут быть варианты?

^{Добавлено:}
всё таки еще не прошел импорт кода Switch Keyboard Layout button в файл custom_script.js...

Отредактировано Inko7 (22-12-2020 21:38:22)

Vitaliy V. · №9419

b0ttle пишет

Как добавить под хоткей mute/unmute.

есть Ctrl+M
или добавляйте с этим
gBrowser.toggleMuteAudioOnMultiSelectedTabs(gBrowser.selectedTab);

Inko7 пишет

Я их решил вынести в отдельные файлы и прописать через @import url("./js/script_name.js") - всё получилось и работает.

не могло такое работать, это синтаксис для CSS
Для custom_script.js 3 спойлер https://forum.mozilla-russia.org/viewto … 58#p784558
можно и для custom_script_win.js использовать

Inko7 · №9420

Vitaliy V. пишет

не могло такое работать, это синтаксис для CSS

да, действительно, ложное впечатление было...

а в сам userChrome.css импорт можно делать?
@import url("./css/style_name.css") - никак не срабатывает

Отредактировано Inko7 (23-12-2020 10:51:01)

_zt · №9421

Inko7
В начале документа, до всего остального.
@import "./css/style_name.css";
Ваш тоже должен работать, в начале документа, с точкой с запятой в конце.

Inko7 · №9422

_zt пишет

В начале документа, до всего остального.

а я после строки @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); вставлял.
поместил до нее и всё заработало
спасибо

Inko7 · №9423

Vitaliy V. пишет

Для custom_script.js 3 спойлер https://forum.mozilla-russia.org/viewto … 58#p784558
можно и для custom_script_win.js использовать

что-то не получается
поместил в конец файла custom_script.js такой код:

Выделить код

Код:

(() => {
    var loadscript = name => {
        try {
            Services.scriptloader.loadSubScript(`chrome://user_chrome_files/content/custom_scripts/${name}`, globalThis, "UTF-8");
        } catch(e) {}
    };

    loadscript("kbd_layout.js");
    loadscript("MiddleMouse_Paste.js");

})();

сами файлики скриптов положил в этой же папке
ничего не заработало
та же история и с custom_script_win.js

Vitaliy V. · №9424

Неужели так трудно README прочесть...
https://github.com/VitaliyVstyle/Vitali … eenshot_03

Отредактировано Vitaliy V. (24-12-2020 19:01:52)

kazarin · №9425

Inko7, а kbd_layout.js это отсюда скрипт? Он довольно старый, может, он не подходит для FF84? У меня он не заработал, подключать пробовал в custom_script.js и в custom_script_win.js (тоже люблю, когда скрипты отдельно).

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

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