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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№480101-11-2018 12:30:33

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 63.0

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

После обновления до 63 версии перестали работать поисковые плагины во второй строке поиска. По "enter" то же нет реакции. Сегодня обновился до 63,1 - все без изменений. Куда копать - подскажите?

Отсутствует

 

№480201-11-2018 12:49:48

wayo
Участник
 
Группа: Members
Зарегистрирован: 17-02-2018
Сообщений: 112
UA: Firefox 63.0

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

Только ответы, без решений.

- разная высота вкладок (активная выше неактивных, вкладка с плюсом ниже всех остальных);

да, но есть странный баг с тем что состояние некоторых просмотренных вкладок не меняется с непрочитанно на просмотренно (может кто-то знает как победить)

Black_Monk пишет

- углы вкладок закруглены;

да

Black_Monk пишет

- углы адресного и поискового окошек закруглены;

да

Black_Monk пишет

- регулирование расстояния между вкладками и величины отступа первой вкладки от левого края;

да

Black_Monk пишет

- регулирование высоты адресной панели.

да


люблю мяско

Отсутствует

 

№480301-11-2018 13:18:21

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 63.0

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

wayo, обнадёжили вы меня. :) Осталось малость - дождаться от специалистов готовых решений... :cool:


Windows 10 LTSC

Отсутствует

 

№480401-11-2018 13:22:34

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

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

Отсутствует

 

№480501-11-2018 14:34:39

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 63.0

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

sandro79
Спасибо.
Не получилось - возможно, что то делаю не так. При замене userChrome естественно слетают все мои настройки, при частичной замене остальных файлов ничего не происходит, опять не работает.
Одни мучения короче, что за браузер такой стал - то одно отвалилось, то другое, а пустой ставить не хочется - слишком всё убого и не привычно.

Отсутствует

 

№480601-11-2018 15:07:34

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

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

GENNADICH, вы, как я понял пользуетесь старым поиском(панель поиска), возможно, тогда в составе комплекта стилей от Aris.
Тогда вам надо взять из обновлённого комлекта custom_css_for_fx_v2.2.0.zip эти файлы: \css\generalui\oldsearch.css и \css\generalui\oldsearch.xml, заменив ими старые. Если старые лежали раньше в разных папках, то сейчас они лежат оба в одной папке generalui. Иначе панель поиска не могла перестать функционировать.

Отсутствует

 

№480701-11-2018 16:59:10

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 63.0

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

sandro79
Забросил из набора по Вашей ссылке файлы oldsearch.css и oldsearch.xml в папку generalui, а папочку xml со старым файлом грохнул в итоге все заработало - это был "высший пилотаж" - благодарю!

И как говорится "куй железо не отходя от кассы" - Вы не поможете мне прикрутить софтину URLCollector к свежим версиям браузера?

Отредактировано GENNADICH (01-11-2018 17:05:01)

Отсутствует

 

№480801-11-2018 20:32:08

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 261
UA: Firefox 56.0

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

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

получить текст подсказки ...

Это не конкретно для tree (в новых версиях [firefox] там уже нет tree) а для панели #PopupSearchAutoComplete
получить текст можно так, просто примеры:

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

Выделить код

Код:

document.querySelector("#PopupSearchAutoComplete").addEventListener("popupshowing", function() {
    var index = 0; // индекс свой подставляете или находите...
    console.log(this.view.getLabelAt(index));
}, false);

так получить текст самой нижней подсказки

Выделить код

Код:

document.querySelector("#PopupSearchAutoComplete").addEventListener("popupshowing", function() {
    var view = this.view;
    console.log(view.getLabelAt((view.rowCount || view.matchCount)-1));
}, false);

Vitaliy V
А можно получить текст подсказки, которая выделяется мышкой?
Как я понимаю, в этом случае надо слушать событие не popupshowing, а скажем mousedown.
Я нажимаю на подсказку правой кнопкой, она выделяется и в консоли появляется ее текст. Как это реализовать?

Отсутствует

 

№480902-11-2018 11:46:43

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

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

Black_Monk
хорошо, вчера немного начал, как сделаю выложу

toxa пишет

А можно получить текст подсказки, которая выделяется мышкой?
Как я понимаю, в этом случае надо слушать событие не popupshowing, а скажем mousedown

Или mouseup как в [firefox] но можете изменить на mousedown

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

Выделить код

Код:

var PopupClickForSuggestion = {
    init: function() {
        var panel = document.querySelector("#PopupSearchAutoComplete"), suggestclick = false, suggestbox, Index;
        var mouseup = (event) => {
            if (event.button != 2 || (Index = panel.selectedIndex) < 0)
                return;
            console.log(panel.view.getValueAt(Index));
        };
        var popupshowing = () => {
            this.removeListeners();
            suggestbox = (panel.tree && panel.tree.lastElementChild) || panel.richlistbox;
            suggestbox.addEventListener("mouseup", mouseup, false);
            suggestclick = true;
        };
        this.removeListeners = function() {
            if (!suggestclick)
                panel.removeEventListener("popupshowing", popupshowing, false);
            else
                suggestbox.removeEventListener("mouseup", mouseup, false);
        };
        panel.addEventListener("popupshowing", popupshowing, false);
    },
    ininit: function() {
        this.removeListeners();
    }
};
PopupClickForSuggestion.init();

чтобы удалить слушатели - PopupClickForSuggestion.ininit();

Отредактировано Vitaliy V. (02-11-2018 13:43:17)

Отсутствует

 

№481002-11-2018 15:32:36

Kiridmit
Участник
 
Группа: Members
Зарегистрирован: 02-11-2018
Сообщений: 1
UA: Firefox 64.0

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

Таким образом я меняю количество колонок в выпадающих списках тулбара закладок .

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

Выделить код

Код:

#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] .scrollbox-innerbox
{
  -moz-column-count: 6;
  column-count: 6;
}


Можно ли как-то сделать 6 колонок только в первом уровне выпадающего списка, а в остальных чтобы осталось по стандарту в одну колонку?

Upd. Решил проблему добавлением кучи стрелочек, не знаю можно ли лучше, я новичок в этом.

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

Выделить код

Код:

#PlacesToolbarItems>.bookmark-item>menupopup[placespopup="true"]>*>*>*>.scrollbox-innerbox
{
  -moz-column-count: 6;
  column-count: 6;
}

Отредактировано Kiridmit (02-11-2018 15:36:29)

Отсутствует

 

№481102-11-2018 20:26:34

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

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

Black_Monk

скриншоты
SNIMOK-EKRANA-V-2018-11-02-20-01-05.png
SNIMOK-EKRANA-V-2018-11-02-20-01-24.png
SNIMOK-EKRANA-V-2018-11-02-20-01-46.png
SNIMOK-EKRANA-V-2018-11-02-20-02-04.png

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

Выделить код

Код:

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

@-moz-document url("chrome://browser/content/browser.xul") {
:root {
    --v-tabs-border-round-start: 9px;
    --v-tabs-border-round-end: 9px;
    --v-tabs-padding-between-start: 0px;
    --v-tabs-padding-between-end: 1px;
    --v-tabs-margin-top: 2px;
    --v-tabs-min-height: 33px;
    --v-tabs-border-color: Highlight;
    --v-tabs-line-color: var(--v-tabs-border-color);
    --v-tabs-border-inactive-color: rgba(0,0,0,0.25);
    --v-newtab-button-round-start: 9px;
    --v-newtab-button-round-end: 9px;
    --v-newtab-padding-start: 0px;
    --v-newtab-margin-top: 4px;
    --v-newtab-width-inner-padding: 6px;
    --v-placeholder-pre-tabs: 0px;
    --v-placeholder-post-tabs: 10px;
    --v-toolbarbutton-border-radius: 4px;
    --v-toolbarbutton-outer-padding: 2px;
    --v-toolbarbutton-inner-padding: 6px;
    --v-textbox-border-radius: 100px;
    --v-textbox-min-height: 30px;
    --v-textbox-icon-padding: 6px;
}
/* темный фон светлый текст */
#TabsToolbar[brighttext="true"], #nav-bar[brighttext="true"],
#TabsToolbar:-moz-lwtheme-brighttext, #nav-bar:-moz-lwtheme-brighttext {
    --v-tabs-border-color: Highlight;
    --v-tabs-line-color: var(--v-tabs-border-color);
    --v-tabs-border-inactive-color: rgba(255,255,255,0.25);
}
/* компактный режим */
:root[uidensity="compact"] {
    --v-tabs-min-height: 29px;
    --v-newtab-width-inner-padding: 5px;
    --v-toolbarbutton-outer-padding: 1px;
    --v-toolbarbutton-inner-padding: 5px;
    --v-textbox-min-height: 26px;
    --v-textbox-icon-padding: 4px;
}
/* мобильный режим */
:root[uidensity="touch"] {
    --v-tabs-min-height: 41px;
    --v-newtab-width-inner-padding: 9px;
    --v-toolbarbutton-outer-padding: 2px;
    --v-toolbarbutton-inner-padding: 9px;
    --v-textbox-min-height: 32px;
    --v-textbox-icon-padding: 7px;
}
/* ************************************************ */

:root {
    --toolbarbutton-border-radius: var(--v-toolbarbutton-border-radius) !important;
    --toolbarbutton-outer-padding: var(--v-toolbarbutton-outer-padding) !important;
    --toolbarbutton-inner-padding: var(--v-toolbarbutton-inner-padding) !important;
    --urlbar-icon-padding: var(--v-textbox-icon-padding) !important;
}

#TabsToolbar, #tabbrowser-tabs, #nav-bar {
    --tabs-border-color: var(--v-tabs-border-color) !important;
    --tab-line-color: var(--v-tabs-line-color) !important;
}

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: var(--v-tabs-min-height) !important;
}

#TabsToolbar .tabbrowser-tab {
    padding-inline-start: var(--v-tabs-padding-between-start) !important;
    padding-inline-end: var(--v-tabs-padding-between-end) !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

#TabsToolbar .tab-background {
    border-top: 1px solid var(--v-tabs-border-inactive-color) !important;
    border-left: 1px solid var(--v-tabs-border-inactive-color) !important;
    border-right: 1px solid var(--v-tabs-border-inactive-color) !important;
}

#TabsToolbar .tabbrowser-tab .tab-stack > :-moz-any(.tab-background,.tab-loading-burst,.tab-content) {
    margin-top: var(--v-tabs-margin-top) !important;
}

#TabsToolbar .tabbrowser-tab .tab-stack > .tab-background[selected="true"] {
    border-color: var(--v-tabs-border-color) !important;
    margin-top: 0 !important;
}

#TabsToolbar .tabbrowser-tab :-moz-any(.tab-stack,.tab-background,.tab-loading-burst,.tab-content) {
    border-top-left-radius: var(--v-tabs-border-round-start) !important;
    border-top-right-radius: var(--v-tabs-border-round-end) !important;
    overflow: hidden;
}

#TabsToolbar:-moz-locale-dir(rtl) .tabbrowser-tab :-moz-any(.tab-stack,.tab-background,.tab-loading-burst,.tab-content) {
    border-top-left-radius: var(--v-tabs-border-round-end) !important;
    border-top-right-radius: var(--v-tabs-border-round-start) !important;
}

#TabsToolbar .tabbrowser-tab:hover .tab-background > .tab-line:not([selected="true"]):not([multiselected]) {
    background-color: var(--v-tabs-border-inactive-color) !important;
}

#TabsToolbar .tabs-newtab-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-inline-start: var(--v-newtab-padding-start) !important;
    padding-inline-end: 0 !important;
    background: none !important;
    border: none !important;
}

#TabsToolbar .tabs-newtab-button > .toolbarbutton-icon {
    margin-top: var(--v-newtab-margin-top) !important;
    border-top: 1px solid var(--v-tabs-border-inactive-color) !important;
    border-left: 1px solid var(--v-tabs-border-inactive-color) !important;
    border-right: 1px solid var(--v-tabs-border-inactive-color) !important;
    border-top-left-radius: var(--v-newtab-button-round-start) !important;
    border-top-right-radius: var(--v-newtab-button-round-end) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: auto !important;
    padding-top: calc((var(--v-tabs-min-height) - (16px + var(--v-newtab-margin-top))) / 2) !important;
    padding-bottom: calc((var(--v-tabs-min-height) - (16px + var(--v-newtab-margin-top))) / 2) !important;
    width: calc(2 * var(--v-newtab-width-inner-padding) + 16px) !important;
    padding-left: var(--v-newtab-width-inner-padding) !important;
    padding-right: var(--v-newtab-width-inner-padding) !important;
}

#TabsToolbar:-moz-locale-dir(rtl) .tabs-newtab-button > .toolbarbutton-icon {
    border-top-left-radius: var(--v-newtab-button-round-end) !important;
    border-top-right-radius: var(--v-newtab-button-round-start) !important;
}

#TabsToolbar .tabbrowser-tab::after,
#TabsToolbar .tabbrowser-tab::before {
    display: none !important;
}

#TabsToolbar :-moz-any(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
    width: var(--v-placeholder-pre-tabs) !important;
    border: none !important;
}

#TabsToolbar :-moz-any(.titlebar-placeholder,.titlebar-spacer)[type="post-tabs"] {
    width: var(--v-placeholder-post-tabs) !important;
    border: none !important;
}

#urlbar, #searchbar .searchbar-textbox {
    border-radius: var(--v-textbox-border-radius) !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    min-height: var(--v-textbox-min-height) !important;
    --urlbar-icon-padding: var(--v-textbox-icon-padding) !important;
}

textbox .urlbar-icon {
    width: calc(2 * var(--v-textbox-icon-padding) + 16px) !important;
    height: calc(2 * var(--v-textbox-icon-padding) + 16px) !important;
    padding: var(--v-textbox-icon-padding) !important;
}

#pageActionSeparator {
    height: calc(2 * var(--v-textbox-icon-padding) + 16px) !important;
}

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

:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon {
    width: calc(2 * var(--v-toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--v-toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--v-toolbarbutton-inner-padding) !important;
}

@media (-moz-windows-compositor) {
    #main-window[uidensity="compact"][sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
    }
}
}

Отредактировано Vitaliy V. (28-01-2019 23:43:23)

Отсутствует

 

№481202-11-2018 22:19:13

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 52.0

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

Vitaliy V., ух ты, спасибо, начинаю тестить... :cool:
Ох и тяжко, оказывается. Не то что раньше... :angry: Не пойму как изменить высоту панели адреса? Или надо менять вид кнопок в Персонализации?

Отредактировано Black_Monk (02-11-2018 23:08:35)


Windows 10 LTSC

Отсутствует

 

№481302-11-2018 23:05:11

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 261
UA: Firefox 56.0

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

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

А можно получить текст подсказки, которая выделяется мышкой?
Как я понимаю, в этом случае надо слушать событие не popupshowing, а скажем mousedown

Или mouseup как в [firefox] но можете изменить на mousedown

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

Выделить код

Код:

var PopupClickForSuggestion = {
    init: function() {
        var panel = document.querySelector("#PopupSearchAutoComplete"), suggestclick = false, suggestbox, Index;
        var mouseup = (event) => {
            if (event.button != 2 || (Index = panel.selectedIndex) < 0)
                return;
            console.log(panel.view.getValueAt(Index));
        };
        var popupshowing = () => {
            this.removeListeners();
            suggestbox = (panel.tree && panel.tree.lastElementChild) || panel.richlistbox;
            suggestbox.addEventListener("mouseup", mouseup, false);
            suggestclick = true;
        };
        this.removeListeners = function() {
            if (!suggestclick)
                panel.removeEventListener("popupshowing", popupshowing, false);
            else
                suggestbox.removeEventListener("mouseup", mouseup, false);
        };
        panel.addEventListener("popupshowing", popupshowing, false);
    },
    ininit: function() {
        this.removeListeners();
    }
};
PopupClickForSuggestion.init();

чтобы удалить слушатели - PopupClickForSuggestion.ininit();

Vitaliy V. большое спасибо!
Вы мне очень помогли! :music:

Отсутствует

 

№481402-11-2018 23:39:29

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

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

Black_Monk пишет

Не пойму как изменить высоту панели адреса?

а что нужно увеличить высоту или наоборот? Какой режим то у вас обычный или компактный?
И панель имеется ввиду вся с кнопками или строка ввода?

Отсутствует

 

№481503-11-2018 07:23:22

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 52.0

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

Vitaliy V. пишет

а что нужно увеличить высоту или наоборот? Какой режим то у вас обычный или компактный? И панель имеется ввиду вся с кнопками или строка ввода?

Сейчас с утра посмотрел, что у меня получилось с вашими настройками и заметил несовпадения. У меня за активной вкладкой виден прямоугольник другого цвета, а у вас на скриншотах такого нет. Может у нас версии [firefox] разные? У меня последняя 63.0.1. Или это от темы оформления зависит? У меня такой прямоугольник только на родных темах, на сторонней (Brushed Metal - XP) его нет.

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

А конкретно, по настройкам не могу найти следующее:

- отступ самой первой вкладки (только её!) от левого края экрана;
- уменьшение высоты кнопки новой вкладки (только её!);
- цвет линий активной вкладки (хочу его совпадения с цветом неактивной);
- уменьшение высоты панели с кнопками, поиском и вводом адреса;
- уменьшение высоты окошек ввода адреса и поиска.

p.s. Возможно, что-то из перечисленного там уже есть, но я разобраться не смог. :/

Отредактировано Black_Monk (03-11-2018 11:41:32)


Windows 10 LTSC

Отсутствует

 

№481603-11-2018 09:16:00

Gruz_35
Участник
 
Группа: Members
Зарегистрирован: 03-11-2018
Сообщений: 4
UA: Firefox 63.0

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

Здравствуйте.
Помогите новичку, как сделать что бы вкладки переместить вниз под адресну строку.
3cd0b4da2508.jpg

Отредактировано Gruz_35 (03-11-2018 09:16:27)

Отсутствует

 

№481703-11-2018 11:32:40

Uxapb
Участник
 
Группа: Members
Зарегистрирован: 25-01-2012
Сообщений: 137
UA: Firefox 63.0

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

Gruz_35 пишет

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

У меня так. Автор не я.

скрытый текст
/*Меняем местами вкладки, строку адреса*/
:root { --tab-min-height_tnot: 24px; }
#print-preview-toolbar,
#printedit-toolbar, #titlebar { -moz-box-ordinal-group: 0 !important; }
#navigator-toolbox #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#navigator-toolbox #nav-bar { -moz-box-ordinal-group: 2 !important; } /* navigation toolbar */
#navigator-toolbox #PersonalToolbar { -moz-box-ordinal-group: 3 !important; }    /* bookmarks toolbar */
#navigator-toolbox toolbar { -moz-box-ordinal-group: 10 !important; } /* 3rd party toolbars */
#navigator-toolbox #TabsToolbar { -moz-box-ordinal-group: 100 !important; }/* tabs toolbar */

/* Удаляем баг, связанный с тем, что скачут панели при перетескивании вкладки */
#TabsToolbar[movingtab] { padding-bottom: unset !important; }
#TabsToolbar[movingtab] > .tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; }
#TabsToolbar[movingtab] + #nav-bar { margin-top: unset !important; }

Отсутствует

 

№481803-11-2018 12:21:02

Gruz_35
Участник
 
Группа: Members
Зарегистрирован: 03-11-2018
Сообщений: 4
UA: Firefox 63.0

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

Uxapb пишет

У меня так. Автор не я.

Спасибо большое, именно то, что я искал:D

Отредактировано Gruz_35 (03-11-2018 12:22:05)

Отсутствует

 

№481903-11-2018 12:38:53

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

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

Black_Monk пишет

У меня за активной вкладкой виден прямоугольник другого цвета, а у вас на скриншотах такого нет. Может у нас версии [firefox] разные?

нет просто у меня нет [windows] 7 (на виртуалке была но снёс недавно чтобы место не занимала) а такое только там на дефолтных системной и [firefox] темах.
Сейчас фон убрал но возможно будет плохо виден текст на неактивных вкладках проверьте.

- отступ самой первой вкладки (только её!) от левого края экрана;

--v-placeholder-pre-tabs: 0px;

- уменьшение высоты кнопки новой вкладки (только её!);

не было, добавил отступ сверху --v-newtab-margin-top: 4px;
имейте ввиду уменьшается не сама кнопка, при клике выше бордюра также откроется новыя вкладка

- цвет линий активной вкладки (хочу его совпадения с цветом неактивной);

--v-tabs-border-color: Highlight; она же линия на панели навигации
и --v-tabs-line-color: ...

- уменьшение высоты панели с кнопками, поиском и вводом адреса;
- уменьшение высоты окошек ввода адреса и поиска.

не было, добавил две переменные  --v-textbox-min-height: 30px; --v-textbox-icon-padding: 6px;
уменьшаете так
--v-textbox-min-height: 26px;
--v-textbox-icon-padding: 4px;
и возможно нужно уменьшить кнопки     
--v-toolbarbutton-outer-padding: 1px;
--v-toolbarbutton-inner-padding: 5px;

Отредактировано Vitaliy V. (03-11-2018 13:37:47)

Отсутствует

 

№482003-11-2018 13:35:52

Gruz_35
Участник
 
Группа: Members
Зарегистрирован: 03-11-2018
Сообщений: 4
UA: Firefox 63.0

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

Vitaliy V.

Привет. Подскажи, это у тебя на скриншотах цвета тем которые по умолчанию или ты сам сделал их такими, что они не так глаза режут как стандартные.  Можешь подсказать как сделать себе такую же цветовую гамму ( Тема по умолчанию и Светлая)

Отсутствует

 

№482103-11-2018 14:33:28

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

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

Gruz_35 пишет

Подскажи, это у тебя на скриншотах цвета тем которые по умолчанию или ты сам сделал их такими

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

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

На скриншотах не [windows] тем более не 7 (но стиль проверял и на [windows] 10)
OS: Debian
DE: MATE
GTK Theme: Adapta-Nokto-Eta
Icon Theme: Papirus-Dark
надеюсь теперь понятно почему так выглядит Тема по умолчанию - из-за системной темы
в [windows] 7 если включить классическую тему и настроить цвета это тоже повлияет на Тему по умолчанию в [firefox]
а вот светлая по крайней мере морда должна выглядеть примерно одинаково везде, почему глаза режут ?
может тогда просто установи лёгкую тему отсюда https://addons.mozilla.org/ru/firefox/themes/
или самому сделать такие можно просто...

P.S или такую тему или типа такой https://addons.mozilla.org/ru/firefox/a … -theme-we/

Отредактировано Vitaliy V. (03-11-2018 14:48:02)

Отсутствует

 

№482203-11-2018 14:50:37

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 52.0

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

Vitaliy V.

--v-tabs-border-color: Highlight; она же линия на панели навигации

Я так понимаю, что развести их по разным параметрам нельзя? Просто хотел сделать Панель меню, Панель навигации и Панель вкладок как-бы "одним целым", как это видно на моём скриншоте на предыдущей странице. Сейчас так сделать не получается...

--v-placeholder-pre-tabs: 0px;

Не работает. :/ Или тоже от системы зависит?

Ещё хотел спросить про:
- регулировка ширины вкладки и кнопки новой вкладки;
- возможность отключения изменения цвета неактивной вкладки и её линий при поднесении к ней курсора мыши;
- возможность отключения "подсветки" активного окошка поиска или ввода адреса (сейчас оно "подсвечивается" синей рамкой).

Отредактировано Black_Monk (03-11-2018 15:02:50)


Windows 10 LTSC

Отсутствует

 

№482303-11-2018 15:43:17

Gruz_35
Участник
 
Группа: Members
Зарегистрирован: 03-11-2018
Сообщений: 4
UA: Firefox 63.0

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

Спс за ссылку на легкую тему. И хорошо смотрится и глаза не режет :beer:

Отредактировано Gruz_35 (03-11-2018 15:43:43)

Отсутствует

 

№482403-11-2018 15:45:20

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

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

Black_Monk пишет

Я так понимаю, что развести их по разным параметрам нельзя?

ну переменную делать не буду можете добавить туда это

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

Выделить код

Код:

#TabsToolbar:not([collapsed="true"]) + #nav-bar {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

Black_Monk пишет

Или тоже от системы зависит?

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

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

Выделить код

Код:

#TabsToolbar > .titlebar-placeholder[type="pre-tabs"] {
  display: -moz-box !important;
}


ну и та настройка

Black_Monk пишет

- регулировка ширины вкладки и кнопки новой вкладки;

максимальная ширина вкладки

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:not([pinned])[fadein] {
    max-width: 160px !important;
}


минимальная ширина вкладки about:config - browser.tabs.tabMinWidth
ширина новой вкладки добавил в стиль точнее это padding
--v-newtab-width-inner-padding: 6px;

Black_Monk пишет

- возможность отключения изменения цвета неактивной вкладки и её линий при поднесении к ней курсора мыши;

странные запросы у вас ну да ладно добавьте это

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

Выделить код

Код:

#tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
  background-color: transparent !important;
}


и цвет линий найдите в стиле  #TabsToolbar .tabbrowser-tab:hover .tab-background > .tab-line:not([selected="true"]):not([multiselected])
и измените background-color: var(--v-tabs-border-inactive-color) !important;
на background-color: transparent !important;

Black_Monk пишет

- возможность отключения "подсветки" активного окошка поиска или ввода адреса (сейчас оно "подсвечивается" синей рамкой).

укажите свой цвет

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

Выделить код

Код:

#urlbar[focused="true"], #searchbar .searchbar-textbox[focused="true"] {
  border-color: Highlight !important;
}

Отредактировано Vitaliy V. (03-11-2018 15:52:05)

Отсутствует

 

№482503-11-2018 16:46:22

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 52.0

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

Vitaliy V., огромное спасибо. 99% своих "хотелок" реализовал. :cool:

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


Windows 10 LTSC

Отсутствует

 

Board footer

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