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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1040103-06-2021 13:43:18

TechStone
Участник
 
Группа: Members
Зарегистрирован: 25-05-2014
Сообщений: 22
UA: Firefox 89.0

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

_zt пишет

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

Там горизонтальная пустая полоса и ничего нет до кнопки "свернуть". Туда черта лысого засунуть можно)))) В версиях до 56, насколько помню, там как раз все писалось об активной вкладке с приписью самой программы

скрытый текст
88ef7d9fe6a354fd0e8753c12624c24b.png

Отсутствует

 

№1040203-06-2021 13:50:29

modern888
Участник
 
Группа: Members
Зарегистрирован: 16-12-2013
Сообщений: 28
UA: Firefox 89.0

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

Приветствую всех!
Возможно ли как-то убрать горизонтальную прокрутку вкладок (сделать как у хрома), чтобы хотя бы до 30 вкладок отображалось? После хрома жутко неудобно становится.
Также на скрине обвёл красным - это место можно рациональнее использовать?

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

7ccb4c6550ec.jpg



cc8b966636ce.jpg



854a87cfb94b.jpg

Отсутствует

 

№1040303-06-2021 14:48:43

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

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

Retif пишет

Да нашел там два вхождения:

Ну я не вижу чтоб эти коды как-то влияли на высоту панели вкладок. Но у вас панель вкладок, как я понял, внизу окна. Не, я не знаю чего не хватает.


modern888 пишет

чтобы хотя бы до 30 вкладок отображалось?

Можно так сделать

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

Выделить код

Код:

:root {
  --tab_min_width: 50px;
  --tab_max_width: 190px;
}

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

убрать горизонтальную прокрутку вкладок

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

Выделить код

Код:

#scrollbutton-up, 
#scrollbutton-down {
  display: none !important;
}

Прокручивать можно будет колесом мыши если переключить настройку toolkit.tabbox.switchByScrolling в about:config

это место можно рациональнее использовать?

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

Выделить код

Код:

#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

Отредактировано sandro79 (03-06-2021 14:57:20)

Отсутствует

 

№1040403-06-2021 15:05:22

katari4688908
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 29
UA: Firefox 89.0

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

кто нибудь знает как эту мандулу овальную убрать.
появляется когда кликаешь мышью в адресной строке. Fox 89.

 

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

Отредактировано katari4688908 (03-06-2021 15:07:01)

Отсутствует

 

№1040503-06-2021 15:11:12

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 89.0

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

TechStone
Не проще ли скрыть заголовок?
В заголовке незнаю как, в любом другом месте так
https://forum.mozilla-russia.org/viewto … 84#p785784
Мой текущий код:

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

Выделить код

Код:

/*** Заголовок страницы где указано
https://forum.mozilla-russia.org/viewtopic.php?pid=775591#p775591
https://forum.mozilla-russia.org/viewtopic.php?pid=785784#p785784           ***/
 
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
/*    top: 4px !important; /* отступ сверху */
    /* или */
    bottom: 6px !important; /* отступ снизу */
/*    left: 40px !important; /* отступ поля контента */
    right: 6px !important; /* отступ поля контента */
    max-height: 124px !important;
    width: 240px !important; /* ширина */
    overflow: hidden !important; /* обрезать поле контента при длинных заголовках */
    opacity: 1 !important; /* прозрачность, 1=непрозрачно */
/*    background-color: rgba(180,180,180,0.1) !important; /* фон */
    background-clip: content-box !important;
    border-left: rgba(83,42,6,.9) !important;
    padding-inline-start: 2px !important; /* отступ текста в начале */
    padding-inline-end: 2px !important; /* отступ текста в конце */
    line-height: 1.3em !important; /* высота строки */
/*    font-family: Lucida Console !important; /* */
/*    font-family: monospace !important; /* */
    font-family: Segoe Print !important;
    font-size: 12px !important;
/*    font-weight: bold !important; /* вес шрифта */
    text-align: right !important; /* выравнивание текста */
/*    white-space: nowrap !important; /* не переносить текст */
    text-overflow: ellipsis !important; /* обрезать текст ... при длинных заголовках */
    color: #72C872 !important; /* цвет текста */
    text-shadow: 1px 1px 4px #101010 !important; /* тень текста */
    pointer-events: none !important; /* прозрачность для кликов мыши */
    }
  }


Vitaliy V.
В общем закостылил так пока
скрытый текст

Выделить код

Код:

window#webextpanels-window popupset#mainPopupSet menupopup#contentAreaContextMenu {
    border: 1px solid rgba(200,200,200,.2) !important;
/*    color: silver !important;*/
}
*[id^="treestyletab_piro_sakura_ne_jp-menuitem-"],
*[id^="tst-more-tree-commands_piro_sakura_ne_jp-menuitem-"] {
    color: silver !important;
}
/* Пункты расширений */
*[id^="_UUID_-menuitem-_tab"],
*[id^="_UUID_-menuitem-_0"] {
    color: silver !important;
}

Отсутствует

 

№1040603-06-2021 15:12:47

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

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

egorsemenov06
https://forum.mozilla-russia.org/viewto … 72#p782672
https://forum.mozilla-russia.org/viewto … 03#p783003

egorsemenov06 пишет

не знаю правильно ли я сделал?

нет, я там исправил

_zt пишет

Кстати, --v-arrowpanel-color у меня еще не обрабатывает расширенное меню, меню гамбургера, меню инструментов разработчика, меню улучшенной защиты от отслеживания, меню идентификации. Приходится назначать для vbox.panel-arrowcontainer box.panel-arrowcontent

--v-arrowpanel-color только для menupopup, для всех --arrowpanel-color

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

Выделить код

Код:

:root {
    --arrowpanel-color: red !important;
    --panel-description-color: gray !important; 
}

TechStone пишет

Там, где справа кнопки закрыть\свернуть\развернуть, можно ли слева на таком же темном фоне без дополнительных "полос" выводить название активной вкладки?

[firefox] 84+

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    --v-titlebar-top: 4px;  /* отступ сверху */
    inset-inline-start: 30px !important; /* отступ в начале */
    inset-inline-end: 110px !important; /* отступ в конце */
    text-align: start !important; /* выравнивание текста */
    font-family: inherit !important; /* имя шрифта */
    font-size: inherit !important; /* размер шрифта */
    font-weight: inherit !important; /* начертание шрифта */
    font-style: inherit !important; /* стиль шрифта */
    
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    top: var(--v-titlebar-top) !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: -moz-DialogText !important;
    text-shadow: none !important;
    opacity: 1 !important;
    z-index: 3;
}

:root[tabsintitlebar]:-moz-lwtheme:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    color: var(--lwt-text-color, inherit) !important;
    text-shadow: inherit !important;
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme)  {
:root[tabsintitlebar][sizemode="maximized"]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    top: calc(var(--v-titlebar-top) + 8px) !important;
}
}
@media (-moz-windows-classic) {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    top: calc(var(--v-titlebar-top) + 4px) !important;
}
}
}

Отредактировано Vitaliy V. (03-06-2021 16:50:12)

Отсутствует

 

№1040703-06-2021 15:15:36

von_ГеорГ
Участник
 
Группа: Members
Зарегистрирован: 31-01-2019
Сообщений: 17
UA: Firefox 89.0

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

Что бы вкладки были под адресной строкой:

"userChrome"

b647593e781e65e230698d80ee5f9587.png

/* @import "./css/tabs/tabs_below_navigation_toolbar_fx89.css"; /**/ <-- редактируем строку, убираем: /*

Отредактировано von_ГеорГ (03-06-2021 16:46:16)

Отсутствует

 

№1040803-06-2021 15:29:37

TechStone
Участник
 
Группа: Members
Зарегистрирован: 25-05-2014
Сообщений: 22
UA: Firefox 89.0

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

Vitaliy V. пишет

84+

Огромное спасибо!!! Но есть одно НО... Слишком высоко к границе окна буквы, верхнюю часть букв не всегда видно, и рамка монитора немного это утрирует. Но на скриншоте виден смысл. Это как-то по центру расположить можно?

скрытый текст
e38d82c596bb04f9bb8b0b33d2ca03a9.png

Отсутствует

 

№1040903-06-2021 15:44:22

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

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

katari4688908
да исправил код, могли бы просто радиус поменьше сделать, но на [nightly] и так было норм

TechStone пишет

Слишком высоко к границе окна буквы, верхнюю часть букв не всегда видно

Да на [windows] только такое, вроде исправил, также там есть комментарии где что можно изменить

TechStone пишет

Это как-то по центру расположить можно?

text-align: center !important; /* выравнивание текста */

Отсутствует

 

№1041003-06-2021 15:47:34

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 89.0

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

Vitaliy V. пишет

egorsemenov06
https://forum.mozilla-russia.org/viewto … 72#p782672
https://forum.mozilla-russia.org/viewto … 03#p783003

egorsemenov06 пишет

не знаю правильно ли я сделал?

нет, я там исправил

Огромнешее спасибо!!!!!

Отсутствует

 

№1041103-06-2021 15:55:18

TechStone
Участник
 
Группа: Members
Зарегистрирован: 25-05-2014
Сообщений: 22
UA: Firefox 89.0

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

Vitaliy V. пишет

text-align: center !important; /* выравнивание текста */

ОН таким образом стал по центру экрана, так же залезающий буквами выше границы. Просто со значением "start", но опустить тектовую строку немного, чтоб верх букв помещался :) Это строка  top: 10px !important; /* отступ сверху */?
Большое спасибо за помощь!!!

Отредактировано TechStone (03-06-2021 15:56:51)

Отсутствует

 

№1041203-06-2021 15:58:01

katari4688908
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 29
UA: Firefox 89.0

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

Vitaliy V. пишет

да исправил код,

благодарю.

Отсутствует

 

№1041303-06-2021 16:12:25

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

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

katari4688908 пишет

ОН таким образом стал по центру экрана, так же залезающий буквами выше границы. Просто со значением "start", но опустить тектовую строку немного, чтоб верх букв помещался :) Это строка  top: 10px !important; /* отступ сверху */?

А то я подумал что надо и не выше границы и по центру экрана. Кстати обновил теперь вроде норм должно быть на большинство [windows],
добавил переменную
--v-titlebar-top: 4px;  /* отступ сверху */

Отредактировано Vitaliy V. (03-06-2021 16:13:26)

Отсутствует

 

№1041403-06-2021 16:15:27

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Vitaliy V.
Спасибо :beer:


Win7

Отсутствует

 

№1041503-06-2021 17:06:29

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 89.0

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

Vitaliy V.

--v-arrowpanel-color: silver !important;

Заменил/добавил прямо в css_user.css, не применяется. Предварительно отключал свой

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

Выделить код

Код:

vbox.panel-arrowcontainer box.panel-arrowcontent {
    -moz-appearance: none !important;
    background: rgba(40,42,50,0.9) !important;
    color: rgb(200,200,200) !important;
}

именно он у меня сейчас применяется.
скрытый текст

Выделить код

Код:

--panel-description-color: gray !important;

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

Выделить код

Код:

menupopup {
  padding-bottom: 3px !important;
  background-color: rgba(27,33,40,0.85) !important;
}
/* Цвет и отступы сепараторов */
menupopup > menuseparator {
  fill: #555555 !important;
  margin: 0 5px 0 5px !important;
}

Все остальное ваше.
   
ps^ или его в :root[lwt-popup-brighttext] надо? ...
    Или в :root:-moz-lwtheme-brighttext,
toolbar[brighttext] ... :(

Отредактировано _zt (03-06-2021 17:11:20)

Отсутствует

 

№1041603-06-2021 17:25:49

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

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

_zt пишет

--v-arrowpanel-color: silver !important;

я про это говорил что это только для menupopup, а это

_zt пишет

расширенное меню, меню гамбургера, меню инструментов разработчика, меню улучшенной защиты от отслеживания, меню идентификации

panel


Вот эти переменные должны работать
    --arrowpanel-color: red !important;
    --panel-description-color: gray !important;
добавить можно сюда с !important; два раза для разных тем

скрытый текст
/* меню --> */
:root {
    --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--arrowpanel-background, Field);
    --v-arrowpanel-border-color: var(--arrowpanel-border-color, ThreeDShadow);
    --v-panel-separator-color: var(--panel-separator-color, ThreeDShadow);
    --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, rgba(204, 204, 204, .35));
    --v-menupopup-item-min-height: 24px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
}

:root[lwt-popup-brighttext] {
    --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, rgba(249, 249, 250, .1));
}


Кстати как это всё моё а это https://forum.mozilla-russia.org/viewto … 95#p791195 ?

Всё же проще цвета... этими переменными изменить

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

Выделить код

Код:

--arrowpanel-background:
  --arrowpanel-color: 
  --arrowpanel-border-color: 
  --arrowpanel-dimmed: 
  --arrowpanel-dimmed-further:
  --arrowpanel-dimmed-even-further: 
  --panel-description-color: 
  --panel-disabled-color: 
--arrowpanel-border-radius: 8px;
  --arrowpanel-padding: 16px;

Отредактировано Vitaliy V. (03-06-2021 17:57:43)

Отсутствует

 

№1041703-06-2021 17:49:00

fantom123
Участник
 
Группа: Members
Зарегистрирован: 16-11-2016
Сообщений: 24
UA: Firefox 89.0

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

Как заменить новые иконки папок каркасной формы на нормальные с полной заливкой?

Отсутствует

 

№1041803-06-2021 18:22:18

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

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

Отсутствует

 

№1041903-06-2021 18:45:51

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 89.0

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

Ребята как убрать голубую обводку на новой и домашней странице в поисковой строке

Отсутствует

 

№1042003-06-2021 19:04:44

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1419
UA: Firefox 89.0

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

Vitaliy V.
Я поиском не то нашел.
Я прозрел, теперь понял по поводу --arrowpanel-color и т.п., уже десяток переделал.
   

два раза для разных тем

Мне бы темную доделать.
   

Vitaliy V. пишет

Кстати как это всё моё а это https://forum.mozilla-russia.org/viewto … 95#p791195 ?

Я его параллельно редактирую и там нет глобальных color, только частные случаи, а именно 2 на весь документ.
   

Vitaliy V. пишет

Всё же проще цвета... этими переменными изменить

Так и сделаю. Спасибо.
   
Помимо тех костылей для сайдбара, что выше выкладывал у меня в userChrome.css еще болтается и применяется (не только для сайдбара) это

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

Выделить код

Код:

menupopup {
  padding-bottom: 3px !important; /* для всех конт. меню */
  background-color: rgba(27,33,40,0.85) !important; /* нужен только для сайдбара */
}
/* Цвет и отступы сепараторов */
menupopup > menuseparator {
  fill: #555555 !important; /* нужен только для сайдбара */
  margin: 0 5px 0 5px !important; /* для всех конт. меню */
}

Отсутствует

 

№1042103-06-2021 19:14:43

fantom123
Участник
 
Группа: Members
Зарегистрирован: 16-11-2016
Сообщений: 24
UA: Firefox 89.0

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

sandro79
По вашей сслылке ничего для новой версии нет, а всё что есть устарело.

Отсутствует

 

№1042203-06-2021 19:21:02

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

egorsemenov06 пишет

Ребята как убрать голубую обводку на новой и домашней странице в поисковой строке

Тоже интересно как. Спрашивал пару страниц назад, но заигнорили.

скрытый текст
4NyqOBh.png

Отсутствует

 

№1042303-06-2021 19:27:36

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 54
UA: Firefox 89.0

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

Jo пишет
egorsemenov06 пишет

Ребята как убрать голубую обводку на новой и домашней странице в поисковой строке

Тоже интересно как. Спрашивал пару страниц назад, но заигнорили.

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

смена темы поможет

скрытый текст
wpp7mY2.png

Отредактировано tagnupip (03-06-2021 19:28:35)

Отсутствует

 

№1042403-06-2021 19:43:41

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

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

fantom123 пишет

sandro79
По вашей сслылке ничего для новой версии нет, а всё что есть устарело

Нет уж извините, стили комплекта CustomCSSforFx по ссылке с той темы обновляются и значки иконок меняются вплоть до 91-ой [nightly]

скрытый текст
d1d03bf185f5.png

Отсутствует

 

№1042503-06-2021 19:51:40

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

tagnupip пишет

смена темы поможет

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

Я бы поставил дефолтную тему цветом как в винде синяя, как это было в 88 [firefox], а так это не вариант.

88
S7dS05O.png

89
luWUrbN.png

Почему 89 [firefox] не подхватывает цвет темы винды? Типа это не баг, а фича?

Отсутствует

 

Board footer

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