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

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

№682629-10-2019 18:47:22

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

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

Vitaliy V. пишет

Если кто желает попробовать стиль для browser.urlbar.megabar - true

Охренеть, как круто с закруглённой Адресной строкой смотрится. FF 70.

Отсутствует

 

№682729-10-2019 18:49:18

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 81
UA: Firefox 70.0

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

Vitaliy V. пишет

цвет поменяйте
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

Т.е. там просто цвет прописать типа

Выделить код

Код:

background-color: #C7C7C7  !important;

Так?

А можно как-то написать, чтобы  не конкретный цвет, а такой же, как в меню File, Edit, View...?

З.Ы. А в других панелях, где закладки и адресная строка, как там цвет тоже задать такой же?

Отредактировано Retif (29-10-2019 21:35:19)

Отсутствует

 

№682829-10-2019 19:14:35

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 162
UA: Firefox 68.0

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

Vitaliy V. пишет

Спасибо! Как в нем задать другой цвет выделения строки вместо серого, например, 35,154,246? Перепробовал варианты, о которых мог сообразить, но не меняется.

Стиль https://forum.mozilla-russia.org/viewto … 70#p774570 для about:addons работает, можно добавить в него отображение номеров версий расширений?

Отредактировано shadow_user (29-10-2019 19:18:03)

Отсутствует

 

№682929-10-2019 19:30:12

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2868
UA: Firefox 68.0

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

Vitaliy V.

Если кто желает попробовать стиль для browser.urlbar.megabar - true
который делает urlbar нормальным...для [firefox] 71+

Я пожелал. Дело в том, что в ночных прикрутили абсолютно бесполезный значок поиска. Его не видно со  стилем, если не активировано содержимое адресной, но он есть. Он сдвигает всё содержимое вправо.
Можно вообще его убрать? Убрать и сами действия по клику на него, и вопросительный знак...что бы было как обычно...как было всегда. В принципе, не горит, но наверняка обратятся с этой просьбой через версию-пару.

скрытый текст
GIF.gif

Отредактировано oleg.sgh (29-10-2019 19:38:29)

Отсутствует

 

№683029-10-2019 22:05:39

klaus65
Участник
 
Группа: Members
Зарегистрирован: 19-02-2012
Сообщений: 50
UA: Firefox 70.0

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

Vitaliy V. пишет

Если кто желает попробовать стиль для browser.urlbar.megabar - true

Прям  х о р о ш о! Как бы разработчиков заставить думать в этом направлении

Отсутствует

 

№683129-10-2019 22:32:02

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 431
UA: Firefox 70.0

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

Vitaliy V. возникли вопросы:
1. Возможен ли такой вариант about:addons, когда на addon-card вытянуты всего лишь две кнопки дубликат panel-item - Отключить-Включить и Удалить, а само меню останется прежним.
2. В aboutaddons.html есть <label data-l10n-id="addon-detail-last-updated-label"></label> (последнее обновление), возможен ли вариант также перенести на на addon-card

Отсутствует

 

№683229-10-2019 23:26:53

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

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

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

Выделить код

Код:

#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

Отсутствует

 

№683329-10-2019 23:43:32

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1205
UA: Firefox 68.0

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

Vitaliy V. пишет

sandro79 поправил

Огромное Спасибо! А также за стиль с кнопками для about:addons (многим наверное будет полезен), забрал в свой комплект взамен этого, дюже уж громоздкого стиля от Aris, оставив только стиль /* colorize category icons */ для цветных иконок слева.

скрытый текст
7e7f73df2370.png

Испробовал стиль 71+ в nightly с browser.urlbar.megabar - true, естественно совсем другое дело. Правда прозрачность в адресной строке сломалась и ломает саму адресную строку.
скрытый текст
607733bac7f0.png

shadow_user пишет: можно добавить в него отображение номеров версий расширений?

https://forum.mozilla-russia.org/viewto … 91#p774391

klaus65 пишет: Как бы разработчиков заставить думать в этом направлении

Да, хорошо бы.

kokoss пишет: Как вариант с помощью стилей от Aris, строка @import "./css/aboutaddons/addonlists_show_addon_version_number_fx68.css";

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

Отредактировано sandro79 (29-10-2019 23:59:42)

Отсутствует

 

№683429-10-2019 23:47:34

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

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

shadow_user пишет

Стиль https://forum.mozilla-russia.org/viewto … 70#p774570 для about:addons работает, можно добавить в него отображение номеров версий расширений?

Как вариант с помощью стилей от Aris, строка @import "./css/aboutaddons/addonlists_show_addon_version_number_fx68.css"; /**/ -> в userContent.css

Отсутствует

 

№683530-10-2019 01:42:08

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

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

Vitaliy V. пишет

Удалят XBL bindings, т.е. свойство -moz-binding: будет бесполезно

Понял, спасибо.

Отсутствует

 

№683630-10-2019 07:34:47

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

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

Vitaliy V.,
В FF 70 перестал работать код выделения набранного текста в Адресной строке и строке Поиска синим цветом. Помогите, пожалуйста!

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

Выделить код

Код:

/* Цвет выделения текста в Адресной строке и строке Поиска синим цветом вместо белого */
textbox:-moz-any(#urlbar,.searchbar-textbox,.findbar-textbox) *|*.textbox-input::-moz-selection {
    background-color: Highlight !important;
    color: HighlightText !important;
}

Отсутствует

 

№683730-10-2019 12:15:18

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

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

Vitaliy V.
v9x2t9tp.png
Присоединяюсь ....Черт те что с адресом... Теперь urlbar-results зашили прямо в browse.xtml

Отсутствует

 

№683830-10-2019 12:26:58

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

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

sandro79 пишет

Или уж лучше предложить так.

Спасибо за подсказку :)

Отсутствует

 

№683930-10-2019 12:52:47

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

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

Retif пишет

А можно как-то написать, чтобы  не конкретный цвет, а такой же, как в меню File, Edit, View...?

попробуйте добавить ниже

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

Выделить код

Код:

#TabsToolbar:-moz-lwtheme {
   color: var(--lwt-text-color, inherit) !important;
   background-color: var(--lwt-accent-color) !important;
}

:root:-moz-lwtheme:-moz-window-inactive #TabsToolbar {
   background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}

@media (-moz-windows-compositor) {
@media (-moz-windows-accent-color-in-titlebar) {  
:root[tabsintitlebar]:not(:-moz-window-inactive):not(:-moz-lwtheme) #TabsToolbar,
:root[tabsintitlebar]:not(:-moz-window-inactive)[lwt-default-theme-in-dark-mode] #TabsToolbar {
    background-color: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important;
}
}
}

Retif пишет

З.Ы. А в других панелях, где закладки и адресная строка, как там цвет тоже задать такой же?

стилем лучше этого не делать есть темы

shadow_user пишет

Как в нем задать другой цвет выделения строки вместо серого, например, 35,154,246? Перепробовал варианты, о которых мог сообразить, но не меняется

вот эта часть кода отвечает за цвет выделения
menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    color: inherit !important;
    background: var(--arrowpanel-dimmed, rgba(204,204,204,.35)) !important;
}

oleg.sgh пишет

Дело в том, что в ночных прикрутили абсолютно бесполезный значок поиска. Его не видно со  стилем, если не активировано содержимое адресной, но он есть. Он сдвигает всё содержимое вправо.
Можно вообще его убрать?

можно я там добавил код
#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}
если хотите убрать добавьте свойства
    background: none !important;
    width: 0 !important;

Andrey_Krropotkin
увы ничего из этого
1. стилем если и получится ерунда какая-нибудь,
это меню часть addon-card только не всегда отображается display: none, а когда делаем кнопки то оно всегда отображается,
кнопки это и есть пункты меню
2. (последнее обновление) есть только на вкладке подробности и стилем его никак не добавить куда вы хотите


v4386

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

Выделить код

Код:

:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: Highlight !important;
    color: HighlightText !important;
}


Добавлено 30-10-2019 12:56:54

solombala пишет

Присоединяюсь ....Черт те что с адресом...

если ты про цвет выделения см. выше

Добавлено 30-10-2019 13:06:12

sandro79 пишет

Огромное Спасибо! А также за стиль с кнопками для about:addons (многим наверное будет полезен), забрал в свой комплект взамен этого, дюже уж громоздкого стиля от Aris, оставив только стиль /* colorize category icons */ для цветных иконок слева.

но что-то видимо ещё осталось, двойной обводки на кнопках не должно быть

Отредактировано Vitaliy V. (30-10-2019 13:06:12)

Отсутствует

 

№684030-10-2019 13:31:08

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 81
UA: Firefox 70.0

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

Vitaliy V. пишет

попробуйте добавить ниже

Гм, почему-то ничего не произошло. Впрочем, мне это уже не хочется делать, у меню темноватый цвет какой-то.

Vitaliy V. пишет

З.Ы. А в других панелях, где закладки и адресная строка, как там цвет тоже задать такой же?

стилем лучше этого не делать есть темы

А чем это плохо? Мне тема собственно, не нужна, мне бы просто цвет задать.

Сделал так:

скрытый текст
#nav-bar { /* main toolbar */
  background-color: #F2F2F2 !important;
}

#PersonalToolbar {
  background-color: #F2F2F2 !important;
}

menubar > * {
background-color: #F2F2F2 !important;
}


Получилось почти то, что надо, но вот этот кусок menubar почему-то не покрасился:

27ace6aa8993e9be9d6e8be4fd707890.png

Нельзя его тоже залить цветом как-то?

Отредактировано Retif (30-10-2019 13:31:44)

Отсутствует

 

№684130-10-2019 13:44:11

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

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

Vitaliy V.
Нет !  Скрин есть, эта белая шняга в urlbar  и текст в ней...

Отсутствует

 

№684230-10-2019 13:53:36

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

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

Retif пишет

Гм, почему-то ничего не произошло

у меня активирована темная тема в [windows] 10
и браузер автоматически включает темную тему

Retif пишет

Сделал так:

лучше так

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

Выделить код

Код:

:root:not(:-moz-lwtheme) {
    --toolbar-bgcolor: #C7C7C7  !important;
    --toolbar-color: black !important;
}


если нужно изменить цвет активной вкладки
скрытый текст

Выделить код

Код:

:root:not(:-moz-lwtheme) .tab-background[multiselected="true"],
:root:not(:-moz-lwtheme) .tab-background[selected="true"] {
    background-color: black !important;
}

:root:not(:-moz-lwtheme) .tabbrowser-tab[multiselected="true"], 
:root:not(:-moz-lwtheme) .tabbrowser-tab[selected="true"] {
    color: white !important;
}


и панель меню
скрытый текст

Выделить код

Код:

#toolbar-menubar:not(:-moz-lwtheme) {
    background-color: var(--toolbar-bgcolor) !important;
    color: var(--toolbar-color) !important;
}

#toolbar-menubar:not(:-moz-lwtheme) menubar > menu {
    color: var(--toolbar-color) !important;
}

Отредактировано Vitaliy V. (30-10-2019 14:23:58)

Отсутствует

 

№684330-10-2019 14:02:54

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1205
UA: Firefox 68.0

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

Vitaliy V. пишет: но что-то видимо ещё осталось, двойной обводки на кнопках не должно быть

Да, даже и не заметил. Отключил addonlists_show_buttons_instead_of_menu_popup_fx68, толком даже не знаю на что он влияет, кажется он добавлял как раз таки кнопки, а заменённый вчера стиль делал менеджер на ширину всего окна, но теперь это делает один Ваш, более компактный стиль. Двойная обводка пропала. Спасибо за подсказку :beer:

скрытый текст
4178f12ceb71.png

kokoss пишет: Спасибо за подсказку :)

Всегда рад помочь по возможности :beer:

Отсутствует

 

№684430-10-2019 14:07:17

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

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

solombala
тогда не знаю что за шняга у тебя, см. свои стили

Отсутствует

 

№684530-10-2019 14:23:08

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 81
UA: Firefox 70.0

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

Vitaliy V. пишет

лучше так
скрытый текст

если нужно изменить цвет активной вкладки
скрытый текст

и панель меню

Спасибо, так получилось :)

Отсутствует

 

№684630-10-2019 14:35:11

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

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

Vitaliy V.
Разабрался, но текст в urlbar дебильный , не наклонный и не 15px   ? Старый код не того?
y4ytz4ym.png

скрытый текст
#urlbar .textbox-input-box, .searchbar-textbox,

#PopupSearchAutoComplete :-moz-any(treechildren,description,label) {
    font-size: 15px !important;
}
#PopupSearchAutoComplete > .treechildren::-moz-tree-row {
    min-height: 1.3em !important;
   
}

Отредактировано solombala (30-10-2019 15:26:22)

Отсутствует

 

№684730-10-2019 16:07:25

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

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

Vitaliy V.
Вот теперь с кодом выделения текста в Адресной строке порядок.
В очередной раз, большое вам спасибо за вашу помощь!:rock::beer:

Отсутствует

 

№684830-10-2019 16:23:22

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 162
UA: Firefox 68.0

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

Moй итог по стилю вкладки расширений. Этот код https://forum.mozilla-russia.org/viewto … 70#p774570 плюс этот код https://github.com/Aris-t2/CustomCSSfor … r_fx68.css (оба в userContent.css), и получился почти самый старый вид отображения этой вкладки, с кнопками и номерами версий.
В about:config переключение параметра extensions.htmlaboutaddons.enabled = true/false переключает отображение во всю ширину страницы/в половину ширины страницы. Тут я спотыкался, т.к. с предыдущим использовавшимся мною кодом стиля этой вкладки переключение этого параметра изменяло вид вкладки совершенно по-другому, classic/modern. [firefox] 68.1.
Спасибо за помощь sandro79, kokoss, Vitaliy V.

Как убрать кнопку Рекомендации?

скрытый текст
ScreenShot_127.1572441956.png

Ad
По этой кнопке помог пост ниже от kokoss.

Отредактировано shadow_user (30-10-2019 17:22:03)

Отсутствует

 

№684930-10-2019 16:51:24

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

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

solombala пишет

не наклонный и не 15px

так работает если твои стили не помешают

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

Выделить код

Код:

#urlbar-input-container, .searchbar-textbox {
    font-style: italic !important;
    font-size: 15px !important;
}

Отредактировано Vitaliy V. (30-10-2019 16:54:55)

Отсутствует

 

№685030-10-2019 17:09:33

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

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

shadow_user пишет

Как убрать кнопку Рекомендации?

В конфиге, создать <логическое> с именем extensions.getAddons.showPane и переключить на false

Отсутствует

 

Board footer

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