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

kokoss · №13651

ez7pac
Верхнюю строку удалите, эта строка уже не актуальна для использования вначале файла userChrome... !

Add, и вторую строку тоже, добавьте -> @namespace html url("http://www.w3.org/1999/xhtml");

Отредактировано kokoss (01-02-2024 19:56:22)

ez7pac · №13652

kokoss

kokoss пишет

Верхнюю строку удалите...

Уже обратил внимание на скрин и удалил. userChrome.css старый, таскаю его из версии к версии уже несколько лет, до этого работал нормально.

xrun1 · №13653

ez7pac
И !important добавьте в 1-м правиле.

kokoss · №13654

xrun1 пишет

И !important добавьте в 1-м правиле

А что у вас без !important не работает ?

xrun1 · №13655

kokoss
У меня стили от Aris. Я не вникал. Из двух разных кусочков стилей.

Выделить код

Код:

:root {
  /* custom height for 'classic squared tabs' only */
  --classic_squared_tabs_tab_height: 24px !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--classic_squared_tabs_tab_height) !important;
}

ez7pac · №13656

kokoss, оба-на! А вот сейчас выкинул все, оставил только

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px;
}

и все заработало :rolleyes:
Похоже, что-то из старых стилей ломает... Буду по одному добавлять и искать виновника.

kokoss · №13657

xrun1 пишет

У меня стили от Aris. Я не вникал. Из двух разных кусочков стилей.
Выделить код
Код:
:root {
/* custom height for 'classic squared tabs' only */
--classic_squared_tabs_tab

тоже использую этот стиль для вкладок, а что касаймо !important, то не везде требуется её добавление, уже не помню с какой версии [firefox] это было реализовано.

ez7pac

Add, и вторую строку тоже, добавьте -> @namespace html url("http://www.w3.org/1999/xhtml");

Отредактировано kokoss (01-02-2024 20:20:04)

ez7pac · №13658

kokoss

kokoss пишет

и вторую строку тоже, добавьте..

Сразу добавил. Кстати, может из-за этого и заработало?
+++
Нашел вредителя - фон вкладок.

Выделить код

Код:

/*Fon vkladok*/
.tabbrowser-tab[selected] .tab-content {
  background: #FFFF00 !important;
}
.tabbrowser-tab:not([selected]) .tab-content {
  background: #EFEEEB !important;
}

И как его исправить? Нужен только желтый фон открытой вкладки.

Отредактировано ez7pac (01-02-2024 20:36:23)

kokoss · №13659

ez7pac пишет

Сразу добавил.

Можете показать как добавили?

ez7pac · №13660

kokoss пишет

Можете показать как добавили?

Вот так сейчас. Это то, что успел проверить, что работает точно.

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

Выделить код

Код:

@namespace html "http://www.w3.org/1999/xhtml";
@namespace html url("http://www.w3.org/1999/xhtml");

/*Vysota vkladok*/
#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px;
}

/*Compaktnye menu*/
:root {
	--arrowpanel-menuitem-padding: 1px 8px !important;
}

menupopup > menuitem, menupopup > menu {
	padding-block: 1px !important;
}

Фон как исправить? Я выше написал про него.

kokoss · №13661

ez7pac пишет

Нужен только желтый фон открытой вкладки.

Выделить код

Код:

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: Yellow;
}

Добавлено 01-02-2024 20:46:15

ez7pac пишет

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

Я же добавил в сообщении:

Add, и вторую строку тоже, добавьте -> @namespace html url("http://www.w3.org/1999/xhtml");

тоесть, удалить и вторую строку, и добавить -> @namespace html url("http://www.w3.org/1999/xhtml");

Отредактировано kokoss (01-02-2024 20:46:15)

ez7pac · №13662

kokoss, ломаются вкладки. Фон появляется, но вкладки опять высокие и прямоугольные, без закругления. А мне с закруглениями зашли вообще-то, хотя раньше не использовал.

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

Добавлено 01-02-2024 20:57:33

kokoss пишет

тоесть, удалить и вторую строку, и добавить -> @namespace html url("http://www.w3.org/1999/xhtml");

Понял, поправил.

Отредактировано ez7pac (01-02-2024 20:57:33)

unter_officer · №13663

ez7pac пишет

И как его исправить? Нужен только желтый фон открытой вкладки.

Попробуйте так:

Выделить код

Код:

#TabsToolbar .tabbrowser-tab .tab-content[selected] {
    background: Yellow !important;
}

ez7pac · №13664

unter_officer пишет

Попробуйте так:

Фон есть, но тоже ломает вкладки.
+++
Нашел вот такой, вроде, отрабатывает, но меняет не фон вкладки, а только ее окантовку. Как бы всю вкладку закрасить...?

Выделить код

Код:

tab{
-moz-appearance: none !important;
}
tab[selected="true"] {
background-color: rgb(255,215,0) !important;
color: black !important;
}

Отредактировано ez7pac (01-02-2024 22:30:16)

kokoss · №13665

ez7pac

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

Выделить код

Код:

#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
   background: yellow !important;
}

.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
   color: black !important;
}

ez7pac · №13666

kokoss, это работает! Спасибо большое, дружище! :beer:

grom17 · №13667

Stariy пишет

Уважаемые, не поделитесь icons_in_menu.css от Vitaliy V. ?Или там комплект "Иконки в меню"?

Присоединяюсь к просьбе т.к. в том посте ссылка уже не рабочая.
FF 122.0 (64-разрядный)

Отредактировано grom17 (02-02-2024 14:13:13)

unter_officer · №13668

grom17 пишет

Присоединяюсь к просьбе т.к. в том посте ссылка уже не рабочая.

https://www.upload.ee/files/16233357/ic … u.zip.html

grom17 · №13669

unter_officer пишет

grom17 пишетПрисоединяюсь к просьбе т.к. в том посте ссылка уже не рабочая.https://www.upload.ee/files/16233357/ic … u.zip.html

Что-то не хочет работать у меня. С github.com скачал, работает, но там "наворочено" слишком.

Отредактировано grom17 (02-02-2024 16:10:56)

unter_officer · №13670

grom17 пишет

Что-то не хочет работать у меня.

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

grom17 пишет

С github.com скачал, работает, но там "наворочено" слишком.

А можно ссылочку на то, что вы скачали с github?

grom17 · №13671

unter_officer пишет

grom17 пишетЧто-то не хочет работать у меня.Я никогда не пользовался этим комплектом, поэтому про работоспособность ничего сказать не могу. Он просто валялся в моих архивах, попросили выложить и я выложил.grom17 пишетС github.com скачал, работает, но там "наворочено" слишком.А можно ссылочку на то, что вы скачали с github?

https://github.com/Aris-t2/CustomCSSforFx/releases

ez7pac · №13672

Парни, расширение Гисметео, на красном фоне черные цифры температуры - ужасный ужас, ни черта не разберешь. На 91-й версии работал такой код

Выделить код

Код:

#extensions_gismeteo_com-browser-action .toolbarbutton-badge {color: white !important;}

На 115-й уже не хочет, зараза. Как исправить?

kokoss · №13673

ez7pac

скрин

Добавлено 02-02-2024 23:36:31

grom17 пишет

С github.com скачал, работает, но там "наворочено" слишком.

Вот вам ещё вариант.

Отредактировано kokoss (02-02-2024 23:36:31)

xrun1 · №13674

grom17
Проверил комплект icons_in_menu.zip, который выложил unter_officer. Всё работает.
Кладёте папку custom_styles из архива в свою папку chrome.
В userChrome.css прописываете @import url("./custom_styles/custom_style_user.css");
Нет иконок в меню таба "Поделиться" и в адресной строке "Копировать без параметров отслеживания". Надеюсь, что прописать сами справитесь или скроете эти пункты.

ez7pac · №13675

kokoss, действительно, нет в магазине... Странно, у меня стоит и прекрасно работает. А так если - http://sendfile.su/1681343

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

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