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

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

№1200115-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

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

Отсутствует

 

№1200216-05-2022 12:56:35

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

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

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

Отсутствует

 

№1200317-05-2022 14:55:25

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

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

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

Отсутствует

 

№1200418-05-2022 19:02:09

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

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

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

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

Отсутствует

 

№1200519-05-2022 07:03:43

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

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

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


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

Отсутствует

 

№1200619-05-2022 08:42:38

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

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

lev-prav пишет

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

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


Win7

Отсутствует

 

№1200719-05-2022 12:24:43

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
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)

Отсутствует

 

№1200819-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)


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

Отсутствует

 

№1200919-05-2022 13:06:55

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

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

lev-prav пишет

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

86681cff95e7f605be8ab8697bde9577.jpeg
7b2c615ca00e22f9749805fd72648e03.jpeg

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


Win7

Отсутствует

 

№1201019-05-2022 14:48:27

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

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

lev-prav пишет

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

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

Отсутствует

 

№1201119-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)


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

Отсутствует

 

№1201224-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


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

Отсутствует

 

№1201324-05-2022 16:35:20

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

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

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

Отсутствует

 

№1201403-06-2022 01:32:16

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

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

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


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

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

Отсутствует

 

№1201503-06-2022 10:04:23

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

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

Отсутствует

 

№1201603-06-2022 19:35:35

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

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

sandro79
спс.

по поводу иконки, а просто в виде png файла возможно  ?
 
в фф52 был стиль который выводил id расширения в колонку с его именем, маленькими буквами чуть сбоку, а можно ли подобное сделать в фф68 ?
2022.1654274059.png

Отредактировано Kero (03-06-2022 19:41:08)

Отсутствует

 

№1201703-06-2022 20:08:16

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

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

Kero пишет

по поводу иконки, а просто в виде png файла возможно  ?

С css-кодом не знаю, но можно способ с chrome.manifest использовать - ссылка на архив с инструкцией по установке.

в фф52 был стиль который выводил id расширения в колонку с его именем

А посмотреть на него можно? Может можно под 68 подправить.

Отредактировано sandro79 (03-06-2022 20:17:08)

Отсутствует

 

№1201803-06-2022 20:23:44

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

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

sandro79

А посмотреть на него можно?

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

Выделить код

Код:

@-moz-document url("about:addons"),
  url-prefix('chrome://mozapps/content/extensions/extensions.xul'){

    .addon::before {
      content: "ID: " attr(value) !important;
      position: absolute!important;
      text-align: right !important;
      line-height: 0px!important;
            	font-size: 8pt !important;
    }
}

Отредактировано Kero (03-06-2022 21:26:21)

Отсутствует

 

№1201903-06-2022 20:59:17

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

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

Kero
extensions.htmlaboutaddons.enabled — false +

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

Выделить код

Код:

@-moz-document url("about:addons"),
  url-prefix('chrome://mozapps/content/extensions/extensions.xul'){

    .addon::before {
      content: "ID: " attr(value) !important;
      position: absolute!important;
      text-align: right !important;
      line-height: 0px!important;
      font-size: 8pt !important;
      margin-block: -4px 4px !important;
    }
#private-browsing-notice {
  display: none !important;
}
}

Отсутствует

 

№1202003-06-2022 21:25:54

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

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

sandro79

о , спс, даже не знал о такой настройке.
     
А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс, а не на эти бесконечные серые прямоугольники вместо кнопок ?
емнип раньше такое тоже было возможно.
Стили от aris-t2 могут вернуть такое только для страницы настроек а все остальные кнопки не изменены.
   
Stylus позволяет применять изменения без перезагрузки?
чёто пытаюсь его использовать но он вообще никак не меняет ничего , получается только через userContent и userChrome.
наверно что то делаю не так .

Отредактировано Kero (03-06-2022 21:34:09)

Отсутствует

 

№1202103-06-2022 21:41:45

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

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

Kero пишет

А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс

Не знаю, я не обладаю такими способностями в css

Stylus позволяет применять изменения без перезагрузки?

Да, но с интерфейсом браузера он уже давно не работает.

Отсутствует

 

№1202203-06-2022 23:04:08

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

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

а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?
Stylus сделан на основе Stylish похоже, по крайней мере интерфейс похож. Раньше Stylish  хорошо работал с браузером.
Или версия Stylish что не шпионская но работает ?

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

Отсутствует

 

№1202304-06-2022 08:20:07

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 236
UA: Firefox 101.0

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

sandro79 пишет

Да, но с интерфейсом браузера он уже давно не работает.

Kero пишет

а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?

StyloaiX
UserStyle manager to reskin Firefox window and websites. Replacement for legacy Stylish. More convenient than userChrome.css and userContent.css, as it has a powerful editor with instant preview, error checking, code autocomplete and you can enable/disable individual styles without restarting Firefox.

Отсутствует

 

№1202405-06-2022 19:13:51

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 101.0

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

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

Отсутствует

 

№1202505-06-2022 20:23:09

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

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

iamgdv
На предыдущей странице https://forum.mozilla-russia.org/viewto … 22#p799622

Отсутствует

 

Board footer

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