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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1215109-05-2022 16:23:13

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 100.0

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

_zt пишет

О каком расширении речь?

О Update Bookmark

Вы только что говорили, что "цвет выделения не поменялся", а теперь у вас уже и выделение есть, да еще и hover нарисовался.

Когда говорил, просто не догадался кликнуть по заголовку окошка, а hover у меня в Update Bookmark нет, это просто вы меня не так поняли, ну или я не правильно объяснил. Вот смотрите, это после открытия окошка и ЛКМ по ссылке
92db407f3faa3de1482b61a43739bfb7.png
А это после ЛКМ по заголовку окна.
d69c418571e81fa445bd0851a84eb9c9.png 

В Quick Bookmark выделения нет, ни так ни со стилем (так как в нем отсутствует код для выделения).

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

Отсутствует

 

№1215210-05-2022 13:09:07

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

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

voqabuhe
Там второй статус есть, фокус / не фокус. Проверяйте.

Отсутствует

 

№1215310-05-2022 14:41:03

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 100.0

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

_zt
Во отлично, так всё работает. Спасибо!

Отсутствует

 

№1215412-05-2022 19:25:57

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 18
UA: Firefox 100.0

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

Приветствую всех. Как можно сделать так, чтоб кнопка закрытия при наведении курсора (при малой ширине вкладке) не уходила за края? Да и вообще не скакала? Нельзя чтоб она например поверх иконки сайта вставала(как это в vivaldi(или во всех хромоподобных так, не знаю) например)? Раздражает безумно эта прыгающая кнопка закрытия. Скрыл бы ее полностью, да иногда именно через кнопку закрытия закрываю вкладку, а не только роликом. Первый скрин в обычномсостоянии, второй при наведении курсора
51d9bf94c584d511ac145baa8985b72b.jpg
5d8c4e00d73bb9af3be09ee907c93057.jpg

Отсутствует

 

№1215512-05-2022 23:41:41

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

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

Отсутствует

 

№1215613-05-2022 21:26:27

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 18
UA: Firefox 100.0

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

_zt
Очень близко. Поправил под себя (background-color: #ccc !important;). Но как сделать, чтоб крестик и фон не были прозрачными? А то икона сайта перекрывает крестик. И ни иконки толком не видно, ни крестика.
Нашел. Сделал солянку. Но получил именно то что хотел (поведение полностью такое же, что и в вивальди)

Выделить код

Код:

#tabbrowser-tabs .tab-close-button {
    position: relative;
    fill: black !important;
    background-color: #999 !important;
    border-radius: 1px;
    height: 17px !important;
    width: 17px !important;
    padding: 2px !important;
    margin-inline-start: -17px !important;
    margin-inline-end: 0px !important;
    color: black !important;

}

#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}

Отредактировано as_lan (13-05-2022 22:30:30)

Отсутствует

 

№1215714-05-2022 15:24:37

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

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

as_lan
У меня такое не работает. Да оно вроде и не должно. Так, частями кое что и только на текущей вкладке. И border-radius: без !important; здесь не работает.
Далее здесь №12161.

Отредактировано _zt (14-05-2022 18:54:55)

Отсутствует

 

№1215814-05-2022 15:35:11

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 100.0

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

Господа, как уменьшить межстрочный интервал в контекстном меню? Или нереально

Отсутствует

 

№1215914-05-2022 16:02:00

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

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

bezuma пишет

Господа, как уменьшить межстрочный интервал в контекстном меню?

Ну это вроде пока ещё работает в win 10, да и в 11 должно. Да и так ещё.

Отсутствует

 

№1216014-05-2022 17:01:04

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 100.0

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

sandro79
Твой код привел в изумительный вид (win 11) :beer: Не в первый раз выручаешь

Отсутствует

 

№1216114-05-2022 18:35:25

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

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

as_lan
В общем добил код до действительно вменяемого поведения. Надо понимать, что я вкладками не пользуюсь, поэтому вижу их очень редко. И о том, что при малой ширине вкладок крестик скрывается на не текущей, я просто не знал. Пользуюсь Tree Style Tab (Древовидный стиль вкладок)

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

Выделить код

Код:

/* Крестик закрытия вкладки виден только при наведении на него */
#tabbrowser-tabs .tab-close-button.close-icon {
    -moz-context-properties: fill, fill-opacity !important;
    color: inherit !important; /* или свой цвет, например, rgba(0,0,0,0.5) */
    border-radius: 1px !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    position: relative !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: -20px !important;
    margin-inline-end: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]):hover .close-icon:hover {
    list-style-image: url("./svg/close-mod.svg") !important;
}
#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important; /* !!! del.fadein */
}
/* Минимальная ширина вкладок */
#tabbrowser-tabs {
    --tab-min-width: 55px !important;
}
/* Не скрывать кнопку закрытия вкладки, на НЕ ТЕКУЩЕЙ вкладке,
 * при малой ширине вкладок */
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: initial !important;
}

Предварительно создайте подпапку chrome/svg и положите туда иконку в формате SVG.
Например, создайте текстовый документ, сохраните в него этот код
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
<rect width="20" height="20" style="fill:context-fill;fill-opacity:context-fill-opacity"/>
<path style="fill:none;stroke:context-fill;stroke-width:1" d="m6 6 8 8m-8 0 8-8"/>
</svg>

и переименуйте документ в close-mod.svg. Отображение расширений файлов в системе должно быть включено.
   
Или другая иконка
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path d="M7.21875 5.78125L5.78125 7.21875L14.5625 16L5.78125 24.78125L7.21875 26.21875L16 17.4375L24.78125 26.21875L26.21875 24.78125L17.4375 16L26.21875 7.21875L24.78125 5.78125L16 14.5625Z" fill="#D0D0D0" />
</svg>

в этом случае цвет задается в иконке, а в коде color: должен быть transparent или прозрачный rgba ( rgba(0,0,0,0.0) - последняя десятичная дробь это прозрачность, соответственно rgba(0,0,0,1.0) будет без прозрачности, в теории, на самом деле там минимальный уровень прозрачности наследуется, поэтому фон всегда будет полупрозрачным ). background-color: задавать нельзя иначе здесь он перекроет иконку, хотя, если очень хочется, то можно, но только в rgba с прозрачностью.
   
А вообще, подумайте над многосрочностью вкладок или TST, а то какой то мазохизм получается.

Отредактировано _zt (14-05-2022 18:48:50)

Отсутствует

 

№1216215-05-2022 11:51:24

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 18
UA: Firefox 100.0

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

_zt
ну не знаю, у меня работает (про  border-radius да, тупанул и забыл дописать, но мне радиус не сильно и нужен был).  Правда у меня там еще настройки, брал с гит репы кажется. Там целая солянка наверное. Но вроде от мусора чистил (в силу своих знаний). Полный файл у меня выглядит так

Выделить код

Код:

#tabbrowser-tabs .tab-close-button {
    position: relative;
    fill: black !important;
    background-color: #BBB !important;
    border-radius: 1px;
    height: 18px !important;
    width: 18px !important;
    padding: 2px !important;
    margin-inline-start: -17px !important;
    margin-inline-end: 0px !important;
    color: black !important;

}

#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}


.tabbrowser-tab {
min-width: 30px !important;
}

.tab-content:not([pinned]){
  overflow: hidden !important;
}
#PopupSearchAutoComplete .search-one-offs,
#PopupSearchAutoComplete .search-panel-header{
  display: none !important;
}

/* remove search go button */
.searchbar-textbox .search-go-button {
  visibility: hidden !important;
}
tabbrowser-tab[pinned]{
  max-width: 5px !important; 
}
.tab-label-container[pinned] { visibility: hidden !important; }

toolbar[mode="icons"] .toolbarbutton-text { display:none !important; } 



#alltabs-button {
  display: none;
}

#context-sep-navigation, #context-navigation, #context-sep-undo, #context-bookmarklink, #context-savepage ~ menuseparator
  {
    display: none !important;
  }




/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 3px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; /* Connected */
    margin-block: 1px 0 !important; /* Connected */
}
#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
}

/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
    border-bottom-color: transparent !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
    border-bottom-color: transparent !important;
}

/* Container color bar visibility */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}

/* Override Normal Density height to Compact Density height only for tabs */

#TabsToolbar, #tabbrowser-tabs {
    --tab-min-height: 29px !important;
}
    /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, 
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs {
    --tab-min-height: 30px !important;
}
#scrollbutton-up,
#scrollbutton-down {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

    /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
#TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox  {
    max-height: calc(var(--tab-min-height) + 1px) !important;
}
    /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
#TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, 
#TabsToolbar-customization-target .toolbarbutton-text, 
#TabsToolbar-customization-target .toolbarbutton-badge-stack,
#scrollbutton-up,#scrollbutton-down {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}

/* Inactive tabs: Outline style */

.tab-background {
    --context-line-margin-adjust: 4px; /* 1/16/2022 */
    --context-line-active-adjust: 0px; /* 1/16/2022 */
}
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border: 1px solid rgba(0, 0, 0, .20) !important;
    /* To pick up a theme background tab separator color, un-comment the following line: */
    /* border: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important; */
    border-bottom-color: transparent !important;
}
    /* For dark backgrounds */
[brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
    /* To pick up a theme background tab separator color, un-comment the following line: */
    /* border: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important; */
    border-bottom-color: transparent !important;
}
/* Remove extra padding between tabs */
.tabbrowser-tab:not(:first-of-type) {
    padding-left: 0 !important;
}

/* Move container color bar to bottom of tab - updated 1/16/2022 */

.tab-background {
    --context-line-margin-adjust: 3px; /* 1/16/2022 */
    --context-line-active-adjust: 1px; /* 1/16/2022 */
}
.tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected]) .tab-background {
    border-top: 1px solid transparent; /* 1/16/2022 Default border for consistency */
}

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust)) !important;
}
.tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected])  > .tab-stack > .tab-background > .tab-context-line {
    margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust) - var(--context-line-active-adjust)) !important;
}

/* Tweak Options as of 1/12/2022; Generated Wed Apr 06 2022 18:55:44 GMT+0300 (Москва, стандартное время) */

А выглядит это так.
381930a1a6b447db0ec1576a733e3e94.jpg
94bffd5b1e77325b39299a9a0c58f293.jpg

Именно то что я хотел. Иконка закрытия перекрывает собой все. При этом никуда не дергается. Поведение должно быть только на активной вкладке. На неактивных я и не хотел отображения крестика

Отсутствует

 

№1216316-05-2022 12:56:35

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

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

as_lan
Ну и отлично, с добавками работает лучше. У меня изначально цель была что бы кнопка текст не перекрывала и затухания небыло.

Отсутствует

 

№1216417-05-2022 14:55:25

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 276
UA: Firefox 97.0

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

Подскажите, как в CSS-стиле сделать строки, которые будут действовать только на macos, то есть не сработают в windows и linux?
наподобие такого: @media not all and (-moz-os-version: windows-win7) {…}

Отсутствует

 

№1216518-05-2022 19:02:09

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 186
UA: Firefox 91.0

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

Всем спасибо.

Отредактировано Вит (18-05-2022 19:11:08)

Отсутствует

 

№1216619-05-2022 07:03:43

lev-prav
Участник
 
Группа: Members
Зарегистрирован: 09-06-2011
Сообщений: 35
UA: Firefox 99.0

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

Здравствуйте.Подскажите пожалуйста, что можно сделать, чтобы при использовании тёмной темы в ФФ, адресная строка так же оставалась бы тёмная и нормально читаемая, как на ФФ 99?Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так, пришлось откатить на версию 99, где всё прекрасно работает, но постоянно просит обновить на 100.


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

Отсутствует

 

№1216719-05-2022 08:42:38

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

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

lev-prav пишет

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

Включить тёмную(или свою) тему в about:addons


Win7

Отсутствует

 

№1216819-05-2022 12:24:43

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

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

lev-prav пишет

Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так

У себя не наблюдаю такой проблемы с тёмными темами, но можно попробовать такой вариант

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

Выделить код

Код:

toolbar[brighttext]:-moz-lwtheme:not([lwt-default-theme-in-dark-mode]) #urlbar-background {
  --toolbar-field-background-color: rgb(28, 27, 34) !important;
  --toolbar-field-focus-background-color: rgba(66, 65, 77, 1) !important;
}

Отредактировано sandro79 (19-05-2022 12:42:20)

Отсутствует

 

№1216919-05-2022 12:50:56

lev-prav
Участник
 
Группа: Members
Зарегистрирован: 09-06-2011
Сообщений: 35
UA: Firefox 99.0

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

sandro79 пишет

но можно попробовать такой вариант

Как этим пользоваться, куда вставить?

Добавлено 19-05-2022 12:53:38

kokoss пишет

Включить тёмную(или свою) тему в about:addons

Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100

Отредактировано lev-prav (19-05-2022 12:53:38)


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

Отсутствует

 

№1217019-05-2022 13:06:55

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

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

lev-prav пишет

Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100

86681cff95e7f605be8ab8697bde9577.jpeg
7b2c615ca00e22f9749805fd72648e03.jpeg

Отредактировано kokoss (19-05-2022 13:12:10)


Win7

Отсутствует

 

№1217119-05-2022 14:48:27

MrX
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 9
UA: Firefox 100.0

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

lev-prav пишет

Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100

Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема

Отсутствует

 

№1217219-05-2022 19:52:01

lev-prav
Участник
 
Группа: Members
Зарегистрирован: 09-06-2011
Сообщений: 35
UA: Firefox 99.0

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

MrX пишет

Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема

c4d8b5a86b0ec6739ef77765d176302f.png вот так должно быть (на версии 99 прекрасно работает)
_245bb0772cf8d1b781a3aa4af6d7a943.jpeg  а это получается после обновления на версию 100,

Отредактировано lev-prav (19-05-2022 19:53:03)


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

Отсутствует

 

№1217324-05-2022 10:05:25

lev-prav
Участник
 
Группа: Members
Зарегистрирован: 09-06-2011
Сообщений: 35
UA: Firefox 100.0

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

lev-prav пишет

вот так должно быть (на версии 99 прекрасно работает)

Сам себе отвечу.Проблема с тёмным фоном в адресной строке после обновления на версию 100+ исчезла после toolkit.legacyUserProfileCustomizations.stylesheets смены параметра на false


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

Отсутствует

 

№1217424-05-2022 16:35:20

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

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

lev-prav
Это не решение. С toolkit.legacyUserProfileCustomizations.stylesheets = false у вас ни один стиль работать не будет, а следовательно проблема не в [firefox] , а в устаревшем стиле который лежит у вас в подпапке "chrome" профиля, но вы даже не знаете что это такое.

Отсутствует

 

№1217503-06-2022 01:32:16

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

Раньше было расширение dominspector и прочие.
а чем в сейчас ищут элемент интерфейса в коде ?


И ещё как заменить значок глобуса для закладки без значка на другое изображение на фф68 ? (изображение есть)

Отредактировано Kero (03-06-2022 01:33:18)

Отсутствует

 

Board footer

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