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

Geekfans · №14126

fish08
До некоторой степени уменьшить высоту вкладок можно так -

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

#TabsToolbar {
height: 28px !Important; /* Высота панели вкладок */
}
#tabbrowser-tabs {
height: 28px !important; /* Высота вкладок */
}
.tab-close-button {
padding: 2px !important; /* Размер крестика на вкладке */
}

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

Отредактировано Geekfans (04-12-2024 20:39:47)

xrun1 · №14127

fish08

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --tab-min-height: 25px !important;
    --tab-block-margin: 1px !important;
}
:root[uidensity="touch"] { /* мобильный режим */
    --tab-min-height: 32px !important;
}
.tab-label-container {
    height: 1.75em !important;
}
.tab-label {
    line-height: 1.25em !important;
    height: 1.25em !important;
    margin-block: 0 !important;
}
.tab-secondary-label {
    margin-block: -.25em 0 !important;
    font-size: .75em !important;
}
.tab-icon-sound-label {
    line-height: 1.25em !important;
    height: 1.25em !important;
    margin-block: 0 !important;
}
}

Взято отсюда. Ниже там есть другой код сильно уменьшить,

kokoss · №14128

fish08 пишет

но этот тоже не работает

А если так:

Выделить код

Код:

:root {
  --tab-min-height: 25px !important;
}

fish08 · №14129

kokoss пишет

fish08 пишет
но этот тоже не работает
А если так:
Выделить код
Код:
:root {
  --tab-min-height: 25px !important;
}

Этот работает, спасибо)

tagnupip · №14130

kokoss пишет

tagnupip пишет
или сменить цвет на не приметный?
Попробуйте так:
Выделить код
Код:
@-moz-document url("about:newtab"), url("about:home") {
body[lwt-newtab-brighttext] {
  --newtab-primary-action-background: transparent !important;
}
}
добавить в файл userContent.css

https://forum.mozilla-russia.org/viewto … 09#p803009
до сих пор работало
обновление до firefox 134 снова даёт бирюзовую окантовку дила

Отредактировано tagnupip (06-12-2024 12:37:11)

kokoss · №14131

tagnupip
Попробуйте body заменить на -> :root

tagnupip · №14132

tagnupip пишет

Попробуйте body заменить на -> :root

нет, этот вариант не сработал

egorsemenov06 · №14133

tagnupip пишет

tagnupip пишет
Попробуйте body заменить на -> :root
нет, этот вариант не сработал

Попробуйте этот код

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.top-site-outer:is(.active, :focus, :hover) {
	background: none !important;
}
.top-site-outer:is(.active, :focus, :hover) .tile {
    box-shadow: 0 0 1px 5px rgba(201, 201, 201, 0.6) !important;
    border-radius: 4px !important;
}
.top-site-outer .tile {
    box-shadow: 0 0px 6px rgb(204, 204, 204) !important;
}
}

tagnupip · №14134

egorsemenov06 пишет

tagnupip пишет
tagnupip пишет
Попробуйте body заменить на -> :root
нет, этот вариант не сработал
Попробуйте этот код
скрытый текст
Выделить код
Код:
@-moz-document url("about:newtab"), url("about:home") {
.top-site-outer:is(.active, :focus, :hover) {
	background: none !important;
}
.top-site-outer:is(.active, :focus, :hover) .tile {
    box-shadow: 0 0 1px 5px rgba(201, 201, 201, 0.6) !important;
    border-radius: 4px !important;
}
.top-site-outer .tile {
    box-shadow: 0 0px 6px rgb(204, 204, 204) !important;
}
}

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

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

dinn · №14135

tagnupip попробуй начать с outer и при необходимости нырнуть глубже в dom или подняться до корня, но тогда уже потребуется !important. FF134 не смотрел

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer {
    --newtab-primary-action-background: transparent;
    --newtab-primary-action-background-dimmed: var(--newtab-primary-action-background);
  }
}

Отредактировано dinn (07-12-2024 17:33:10)

tagnupip · №14136

dinn пишет

tagnupip попробуй начать с outer и при необходимости нырнуть глубже в dom или подняться до корня, но тогда уже потребуется !important. FF134 не смотрел
скрытый текст
Выделить код
Код:
@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer {
    --newtab-primary-action-background: transparent;
    --newtab-primary-action-background-dimmed: var(--newtab-primary-action-background);
  }
}

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

Отредактировано tagnupip (07-12-2024 20:21:45)

dinn · №14137

tagnupip сравнил пухлые стримы 133 и 134. Тени меняют на контуры. Еще такое ощущение, что там в штате целая команда css филов, раз такая куча модификаций
Выбирай один из двух

первый

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer {
    --focus-outline: var(--focus-outline-width) solid transparent;
  }
}

второй

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
    outline: none !important;
  }
}

ez7pac · №14138

Ребята, помогите. Пытаюсь переехать со 115 esr на 128 esr. Этот код прекрасно работает на 115, но упорно не хочет на 128

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

Выделить код

Код:

/*Желтый фон активных вкладок*/
#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;
}

kokoss · №14139

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

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

Выделить код

Код:

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

может и в

128 будет работать!

ez7pac · №14140

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

kokoss · №14141

ez7pac
Нашёл ещё такой вариант:

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

Выделить код

Код:

.tab-background:is([selected], [multiselected]) {
  background-color: yellow !important;
}
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
  color: red !important;
}

ez7pac · №14142

kokoss, этот даже лучше работает. На первом только рассмотрел - бордюры отсутствуют. На втором варианте они на месте, все как доктор прописал!
Спасибо еще раз!

tagnupip · №14143

dinn пишет

tagnupip сравнил пухлые стримы 133 и 134. Тени меняют на контуры. Еще такое ощущение, что там в штате целая команда css филов, раз такая куча модификаций
Выбирай один из двух
первый
Выделить код
Код:
@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer {
    --focus-outline: var(--focus-outline-width) solid transparent;
  }
}
второй
Выделить код
Код:
@-moz-document url("about:newtab"), url("about:home") {
  .outer-wrapper .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
    outline: none !important;
  }
}

спасибо за участие. два варианта не сработали

dinn · №14144

tagnupip, а внешний вид дилов стилизован через какое-то расширение?

tagnupip · №14145

dinn пишет

tagnupip, а внешний вид дилов стилизован через какое-то расширение?

это дефолт

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

dinn · №14146

tagnupip, я тестил на 134.0b7

tagnupip · №14147

dinn пишет

tagnupip, я тестил на 134.0b7

да, именно такая версия. конфиг оставлял пустым, и вместе со сгенерированным этим генератором
https://www.userchrome.org/firefox-89-s … on-ui.html

dinn · №14148

tagnupip, предполагаю, что у тебя в userContent.css закралась ошибка. Могу глянуть

tagnupip · №14149

dinn пишет

tagnupip, предполагаю, что у тебя в userContent.css закралась ошибка. Могу глянуть

там только код для фона. убирая полностью файл, убирает картинку и не более

Вит · №14150

Товарищи! Пользую FF esr 115, и сегодня пришло оповещение что в марте 2015г эта версия не будет работать! Скачал 128.5 esr - установил и СЛОМАЛОСЬ ВСЁ!!! Прошу помочь, стили от Виталия. Донат с меня, так как я в этом деле-ДУБ дубом

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

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