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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№797619-02-2020 02:19:33

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 45
UA: Firefox 73.0

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

sandro79 пишет

Этой новой фиче уже как полгода стукнуло https://forum.mozilla-russia.org/viewtopic.php?id=74875

Просто с августа месяца не менял винду, и с того времени просто перетаскивал папку chrome в браузер и все работало. А тут все также сделал, и на тебе оказывается некоторые правки надо делать, чтобы заработало.

Отсутствует

 

№797719-02-2020 09:29:07

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

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

Mozillafire пишет

А что это новая фича? Просто в описании https://github.com/Aris-t2/CustomCSSforFx/releases там этого не указано, хотя должны указывать. А то если бы мне здесь не помогли, я даже не знал бы в чем проблема, и также любой другой пользователь может быть в недоумении.

Эта информация указана:

скрин
b349df5ec48a.png

но можно было бы добавить её и сюда: https://github.com/Aris-t2/CustomCSSforFx/releases

Отсутствует

 

№797819-02-2020 11:37:00

ZAJIGAEM8
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 27
UA: Firefox 73.0

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

Что то вкладки не опускаются под адресную строку в 73ей версии. Пробовал несколько вариантов... Дайте пожалуйста готовый файл userChrome.css у кого работает.

Отредактировано ZAJIGAEM8 (19-02-2020 11:52:49)

Отсутствует

 

№797919-02-2020 11:45:46

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

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

ZAJIGAEM8
Под первым спойлером: https://forum.mozilla-russia.org/viewto … 45#p766645

Отсутствует

 

№798019-02-2020 11:53:23

ZAJIGAEM8
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 27
UA: Firefox 73.0

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

kokoss что то не получается...

Отредактировано ZAJIGAEM8 (19-02-2020 12:31:56)

Отсутствует

 

№798119-02-2020 12:42:27

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

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

ZAJIGAEM8 пишет

что то не получается...

Что не получается, копируйте стиль -> вставляйте в userChrome.css и перезапускайте браузер!

Add, а это включено: https://forum.mozilla-russia.org/viewto … 13#p778313

Отредактировано kokoss (19-02-2020 12:51:35)

Отсутствует

 

№798219-02-2020 12:59:43

birond
Участник
 
Группа: Members
Зарегистрирован: 02-11-2019
Сообщений: 1
UA: Firefox 73.0

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

У меня в userChrome работает код:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --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");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>");
--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black'  fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
   --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}


:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   margin-right: 1px !important;
   margin-left: 1px !important;
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml")  {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    -moz-window-dragging: no-drag !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -moz-window-dragging: no-drag !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    -moz-window-dragging: no-drag !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    -moz-window-dragging: no-drag !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: grey !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
    
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Отредактировано birond (19-02-2020 14:09:32)

Отсутствует

 

№798319-02-2020 13:48:24

ZAJIGAEM8
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 27
UA: Firefox 73.0

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

ВО!!! поставил true для параметра toolkit.legacyUserProfileCustomizations.stylesheets и получилось!
Всем спасибо за помощь! А что так быстро помогли и ответили так это просто прекрасисто...

я просто не не знал что теперь что б файлы .css работали их надо включать.

Отредактировано ZAJIGAEM8 (19-02-2020 14:22:48)

Отсутствует

 

№798419-02-2020 16:22:18

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

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

А как прикрутить другую иконку к Quick Bookmark To Folder? А то на тёмной теме её практически не видно.

Отсутствует

 

№798519-02-2020 17:07:01

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
На засыпку ...Это иконки в about:addons в деталях, в частности...То бишь 32х32
.card-heading-icon {
  flex-shrink: 0;
  width: var(--addon-icon-size);
  height: var(--addon-icon-size);
  margin-inline-end: 16px;
  -moz-context-properties: fill;
  fill: currentColor;
}
В листе я уделал , как хотел, короче, значок темы по умолчанию , как его исключить из того кода?  Или задать отдельно?
Просто в list так уделал...Но в detail нет...Там первый код привязан намертво..

скрытый текст
addon-list[type="theme"] .addon-icon {
    width: 34px !important;
    height: 34px !important;
    padding-bottom: 8px !important;
}

Если убрать из первого кода :

width: var(--addon-icon-size);
  height: var(--addon-icon-size);

Так иконки аддонов не все 32х32 , приходиться в ручную рихтовать...
Может через id default-theme@mozilla.org ?

Отредактировано solombala (20-02-2020 17:50:43)

Отсутствует

 

№798621-02-2020 11:41:19

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

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

DMITRY 96 RUS пишет

можно ли заменить индикатор загрузки сайтов на Mozilla Firefox 52 как было в раньше в старых версиях с такого https://d.radikal.ru/d38/1907/95/b984a236d8e0.jpg на такой https://a.radikal.ru/a31/1907/09/59a3403ef7a0.jpg  просто классический больше нравиться

Как вариант, скрыть полностью индикатор загрузки сайта, ну например так:

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

Выделить код

Код:

#TabsToolbar .tab-throbber[busy] {
    list-style-image: url("chrome://global/skin/icons/globe.png") !important; 
}


единственное придётся добавить добавить свою иконку, или прописать другой путь до иконки, а если принципиально нужен именно этот индикатор загрузки сайта, тогда Classic Theme Restorer вам в помощь:
скрин
43800c74a0c6.png

Отредактировано kokoss (21-02-2020 11:50:18)

Отсутствует

 

№798721-02-2020 11:45:38

ZZ4
Участник
 
Группа: Members
Зарегистрирован: 20-04-2011
Сообщений: 4
UA: Firefox 73.0

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

Всем привет.
Имею два ноута, на которых установлены две одинаковые версии Мозилы: 73.0.1
В обоих ноутах в вот такой userChrome

#personal-bookmarks toolbarbutton.bookmark-item{
margin: 0 -3px !important;
}

#personal-bookmarks toolbarbutton.bookmark-item:hover{
margin: -1px 2px !important;
}

#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text { display:-moz-box !important; }

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

Что не так?

Отредактировано ZZ4 (21-02-2020 11:46:53)

Отсутствует

 

№798821-02-2020 11:58:47

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 302
UA: unknown 0.0

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

Посмотрите в about:config параметр

toolkit.legacyUserProfileCustomizations.stylesheets

Равен True?

Отсутствует

 

№798921-02-2020 12:24:25

ZZ4
Участник
 
Группа: Members
Зарегистрирован: 20-04-2011
Сообщений: 4
UA: Firefox 73.0

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

harryk пишет

Посмотрите в about:config параметр

toolkit.legacyUserProfileCustomizations.stylesheets

Равен True?

Спасибо! Заработало.

Отсутствует

 

№799021-02-2020 13:53:42

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

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

solombala
ну вообще то то значок темы теперь имеет другой селектор, .card-heading-image а не .card-heading-icon
как то так наверное

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

Выделить код

Код:

addon-card[addon-id="default-theme@mozilla.org"] .card-heading-image {
    width: 34px !important;
    height: 34px !important;
}


если он у тебя скрыт то делай с .card-heading-icon

Отсутствует

 

№799121-02-2020 14:20:15

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Гениально ! addon-card[addon-id="default-theme@mozilla.org"] .card-heading-icon {
Класс! Кстати, аэро рубит стили ?...Рубит . Цвета вкладок, текст размывается...Мне то до фени, но особенно упоротые верещат.Что можно сделать?

Отсутствует

 

№799221-02-2020 18:19:36

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

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

solombala пишет

аэро рубит стили ?

Возможно ты зарубил -moz-appearance: -moz-win-exclude-glass; в browser.css
или из-за ошибок синтаксиса часть кода не работает.
Ну или могут применяться стили которые работают только в аеро например @media (-moz-windows-glass) { правила }
и которые ты не увидишь пока не включишь аеро
более идей нет

Отсутствует

 

№799321-02-2020 19:24:47

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Вроде поправил все, один черт цвет не тот ...Где косяк? background-color: - не катит при аэро.
tab[selected="true"] {
background-color: #FFFF80 !important;
color: blue !important;
}

tab{-moz-appearance: none !important;}

Отредактировано solombala (21-02-2020 19:25:48)

Отсутствует

 

№799421-02-2020 19:44:43

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

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

solombala пишет

tab[selected="true"] {

это и в не аеро не катит

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

Выделить код

Код:

.tabbrowser-tab[multiselected="true"], .tabbrowser-tab[selected="true"] {
    color: blue !important;
}

.tab-background[multiselected="true"], .tab-background[selected="true"] {
    background-color: #FFFF80 !important;
}

Отредактировано Vitaliy V. (21-02-2020 19:47:35)

Отсутствует

 

№799521-02-2020 20:11:56

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.

Vitaliy V. пишет

это и в не аеро не катит

Извиняюсь, но катит. А, hover, active , busy ? Ну его к чертям , это аэро и даром не надь...
Если бы код какой, чтобы не влияло? Not aero ?

Отредактировано solombala (21-02-2020 20:13:27)

Отсутствует

 

№799621-02-2020 20:50:19

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

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

solombala пишет

но катит

Может на твоей сборке и катит, и? причем здесь аеро...

solombala пишет

А, hover, active , busy ?

что, зачем?! на активной вкладке не нужно hover а active вообще не используется для вкладок

Отсутствует

 

№799721-02-2020 21:35:14

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Так и Unread тоже не пашет , зря что ли впихивал в tabbrowser.js  Короче, к чертям это аэро ...
Да, нашел я , кстати код Ваш , ну пару моментов в browser.css  @media (-moz-windows-glass)   убирать не стал -moz-appearance: none !important;  подставил ...

скрытый текст
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

Минус - шрифт от темы все-одно прет ,  тут уж  -moz-appearance: none !important; не прокатит...?
Можно ли в @media (-moz-windows-glass) {
Шрифт прописать ? Через Root  или еще как?

Отредактировано solombala (22-02-2020 02:39:17)

Отсутствует

 

№799823-02-2020 20:40:18

Altermoon
Участник
 
Группа: Members
Зарегистрирован: 23-02-2020
Сообщений: 1
UA: Firefox 73.0

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

Такая проблема.
Панель закладок.
Выпадающее меню имеет нужный цвет шрифта и рамку, а вот внутри него еще одно выпадающее меню уже другое. Какие переменные отвечают за него?

скрытый текст
41c22004ba.png

а, все норм если указать цвет руками

Выделить код

Код:

color: orange !important;
border-color: orange !important;

но хотелось бы, что бы цвет брался для каждой темы свой, типа как с переменной фона

Выделить код

Код:

background-color: var(--toolbar-bgcolor) !important;

чет я туплю, все же логично, пишем

Выделить код

Код:

color: var(--toolbar-color) !important;
  border-color: var(--toolbar-color) !important;

вопрос снят :lol:

Отредактировано Altermoon (24-02-2020 00:29:36)

Отсутствует

 

№799924-02-2020 00:29:38

DMITRY 96 RUS
Забанен
 
Группа: Members
Зарегистрирован: 06-12-2018
Сообщений: 12
UA: Chrome 49.0

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

kokoss пишет

DMITRY 96 RUS пишет: можно ли заменить индикатор загрузки сайтов на Mozilla Firefox 52 как было в раньше в старых версиях с такого https://d.radikal.ru/d38/1907/95/b984a236d8e0.jpg на такой https://a.radikal.ru/a31/1907/09/59a3403ef7a0.jpg  просто классический больше нравиться Как вариант, скрыть полностью индикатор загрузки сайта, ну например так:скрытый текст Выделить код Код:#TabsToolbar .tab-throbber[busy] {
    list-style-image: url("chrome://global/skin/icons/globe.png") !important;
}единственное придётся добавить добавить свою иконку, или прописать другой путь до иконки, а если принципиально нужен именно этот индикатор загрузки сайта, тогда Classic Theme Restorer вам в помощь: скрин
                    Отредактировано kokoss (21-02-2020 13:50:18)

да мне бы хотелось  из 22 версий мазилы индикатор этот как нибудь сделать в 52ю а если установить дополнение оно хотя и так стоит там можно его менять но все равно дёргается как его заменить по точнее можно

вот 22.0 и 52.9.0 как этот индикатор из 22.0 вставить в 52ю? что бы так же как 22 было даже в хроме 49 на xp этот индикатор не дёргается плавно крутится

Отсутствует

 

№800024-02-2020 01:42:57

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

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

А расстояние между кнопками как ужать, разом на всех панелях?

Отсутствует

 

Board footer

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