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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№855121-06-2020 11:56:10

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 77.0

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

sandro79
Приветствую.
Я себе когда-то в Интернетах вот такое нашел (через gridы).
Разбивает на два столбца, слева включенные дополнения, справа - отключенные.
Блок тем не ломает.
Применяется только при размере окна более 960px

К сожалению не разбирался как работает, потому врят-ли по деталям/модификациям подскажу, но вдруг натолкнет на нужную мысль.

Выделить код

Код:

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

  @media (min-width: 960px) {

    addon-list[type="extension"] {display: grid; grid-template-columns: repeat(2, 1fr);}
    addon-list[type="extension"] message-bar-stack {grid-column: 1 / -1;}
    addon-list[type="extension"] section[section="1"] {margin-left: 15px;}

    addon-list[type="extension"] section {width: 636px !important;}

  /* Fix for Recommended addonts */ recommended-addon-list[type="extension"] recommended-addon-card .card.addon {width: 604px !important;}
  }

}

скрытый текст
4865d552c3408827bbc33724fd57e16f.png

Отсутствует

 

№855221-06-2020 12:08:28

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

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

Vitaliy V.
щелчок по панели задач и кнопки окна черные
tj72l3tt.jpg
и как шрифт поменять искать в google
uq9o8idp.jpg

Отсутствует

 

№855321-06-2020 12:33:47

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

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

Acid Crash
Я Вас тоже приветствую.

но вдруг натолкнет на нужную мысль

Да, получилось! Использовал addon-list[type="extension"] в трёх правилах, теперь нормально. Огромное спасибо :beer:

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

Выделить код

Код:

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), 
url-prefix(about:addons), url-prefix(chrome://mozapps/content/extensions/aboutaddons.html), url-prefix(chrome://mozapps/content/extensions/shortcuts.html) {
#header,
.sticky-container > .main-search,
.addon-detail-description {
  display: none !important;
}
addon-list[type="extension"]
.addon.card {
  padding-top: 12px !important;
  padding-bottom: 12px !important; 
  margin-right: 8px !important; 
  height: 30px !important; 
}
.addon-description {
  color: black !important;
}
addon-list[type="extension"] 
addon-card > .addon.card {
  display: inline-block !important; 
  width: 30%;
}
addon-list[type="extension"]
addon-card:not([expanded]) .card-contents {
  width: 50% !important;
}
:root {
  --addon-icon-size: 32px !important;
}
#main {
  max-width: calc(100% - 50px) !important;
}
}


Ещё пришлось заменить max-width: 2000px !important; на max-width: calc(100% - 50px) !important;, а то плагины и темы за правый край страницы уезжают.
Не получилось никак отменить это правило для вкладок плагинов и тем.

Отредактировано sandro79 (21-06-2020 15:17:44)

Отсутствует

 

№855421-06-2020 17:12:38

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

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

sandro79
для всех разделов отображение в 1-3 столбца в зависимости от ширины окна

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

Выделить код

Код:

@-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-main-section-width: 1920px !important;
    --section-width: 800px !important;
    --main-margin-start: 6px !important;
    --in-content-sidebar-width: 200px !important;
    --card-padding: 8px !important;
    --addon-icon-size: 32px !important;
}
@media (max-width: 830px) {
:root {
    --in-content-sidebar-width: 70px !important;
}
}
#main {
    margin-inline-start: var(--main-margin-start) !important;
    margin-inline-end: var(--main-margin-start) !important;
    margin-bottom: var(--main-margin-start) !important;
    max-width: var(--v-main-section-width) !important;
}
.main-search {
    padding-inline-start: var(--main-margin-start) !important;
}
#main[current-view="detail"],  
#main > div[current-view="detail"] {
    max-width: var(--section-width) !important;
}
.sidebar-footer-list,
#categories > .category {
    margin-inline-start: 6px !important;
}
addon-list > section {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: start !important;
    grid-template-areas: "a a a" !important;
    gap: 5px !important;
}
addon-list > section > .list-section-heading {
    grid-area: a !important;
}
@media (max-width: 1100px) {
addon-list > section {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-areas: "a a" !important;
}
}
@media (max-width: 670px) {
addon-list > section {
    grid-template-columns: 1fr !important;
    grid-template-areas: "a" !important;
}
}
addon-list[type="theme"] > section[section="0"] {
    grid-template-columns: minmax(300px, 800px) !important;
    grid-template-areas: "a" !important;
}
addon-card,
addon-card .card {
    margin: 0 !important;
}
addon-card .more-options-button,
addon-card input[type="checkbox"].toggle-button {
    min-width: var(--button-width, 24px) !important;
}
.card-heading-image {
    width: calc(2 * var(--card-padding) + 100%) !important;
    height: auto !important;
    margin: calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) calc(var(--card-padding) / 2) !important;
}
.addon-card-message,
.update-postponed-bar {
    --card-padding: inherit !important;
    margin-top: var(--card-padding) !important;
}  
}

solombala пишет

щелчок по панели задач и кнопки окна черные

Цвет иконок должен зависеть от цвета текста или цвета иконок темы. Сложно сказать что там у тебя за тема
если что добавь

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

Выделить код

Код:

.titlebar-buttonbox {
color: white !important;
}

solombala пишет

шрифт поменять искать в google

Разве он уже не изменен

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

Выделить код

Код:

.search-panel-header {
    font-size: 12px !important;
}

Отредактировано Vitaliy V. (23-07-2021 01:00:24)

Отсутствует

 

№855521-06-2020 18:22:38

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

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

Vitaliy V. пишет

sandro79
для всех разделов отображение в 1-3 столбца в зависимости от ширины окна

Благодарю! Теперь совсем другое дело! Изменил gap: 10px !important;, чтоб чуть расстояние между плитками увеличить, и --main-margin-start: 16px !important; - чуть отодвинул плитки от правого края. Может ещё что подкручу. Спасибо за собранный с нуля стиль :beer:
fe7ee22b50dbt.jpgc99e9d8cf9fft.jpg

Отсутствует

 

№855621-06-2020 18:43:19

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

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

sandro79
Я ещё укоротил ширину дополнения в режиме подробнее, а то во всю ширину там не надо.
шириной можно управлять переменной --section-width

Отредактировано Vitaliy V. (21-06-2020 18:44:10)

Отсутствует

 

№855721-06-2020 18:53:47

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

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

Vitaliy V.
Да-да, большое спасибо, обновил. Безупречно!

шириной можно управлять переменной --section-width

Понял, сейчас буду экспериментировать. Спасибо.

Отсутствует

 

№855822-06-2020 20:22:18

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

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

Vitaliy V.
Как это серую хрень рихтануть? в семере - это отключенный объект. реестр перерыл и никак в десятке...(восстановить сессию и тд.)
bj79slr5.jpg

Отредактировано solombala (22-06-2020 20:23:18)

Отсутствует

 

№855922-06-2020 21:00:58

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

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

solombala
Какой ещё реестр это стили браузера, как будто GrayText в 7-ке с аеро не такой как в 10.
Если все такие пункты изменить тогда так

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

Выделить код

Код:

*|*:root {
    --panel-disabled-color: #7a811c !important;
}

Отредактировано Vitaliy V. (22-06-2020 21:05:46)

Отсутствует

 

№856022-06-2020 21:58:31

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

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

Vitaliy V.
Да делал я так и не фига...

Отсутствует

 

№856122-06-2020 23:23:09

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

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

solombala пишет

Да делал я так и не фига...

Все там работает на чистом профиле, а если у тебя стили другие мешают это другой вопрос...

Отсутствует

 

№856222-06-2020 23:48:28

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

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

Vitaliy V.
Тема аэро 10 и куда это вставлять? Glass мешает...

Отсутствует

 

№856323-06-2020 00:09:45

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

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

solombala
я фиг знает куда ты стили вставляешь, в userChrome.css точно сработает
вот так ещё можно чтобы и для menu, menuitem

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

Выделить код

Код:

*|*:root {
    --panel-disabled-color: #7a811c !important;
}
menupopup :-moz-any(menu,menuitem,menucaption)[disabled="true"] {
    color: var(--panel-disabled-color) !important;
}

Отредактировано Vitaliy V. (23-06-2020 00:16:20)

Отсутствует

 

№856423-06-2020 09:10:15

manuk
Участник
 
Группа: Members
Зарегистрирован: 17-10-2010
Сообщений: 275
UA: Firefox 52.0

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

Можно ли изменить цвет фона при просмотре исходного кода страницы?

скрытый текст
2020-06-23-090653.png

Отсутствует

 

№856523-06-2020 12:21:19

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

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

Vitaliy V.
.Извиняюсь, нашел косяк toolbarbutton.css , от старого скина был. Жаль не все штуки цвет изменили , ключ пароля - серый остался . Ну там по-мелочи CTRL+J  , CTRL+Shift+A

Отсутствует

 

№856623-06-2020 13:25:39

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

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

manuk
для [firefox] 52 как то так наверное, смотрел на Basilisk

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

Выделить код

Код:

@-moz-document url-prefix("view-source:") {
*|*:root {
  background-color: black !important;
  color: white !important;
}
pre[id]:before,
span[id]:before {
  color: #cccccc !important;
}
.highlight .start-tag,
.highlight .end-tag {
 color: #c000c0 !important;
}
.highlight .comment {
 color: #00bb00 !important;
}
.highlight .cdata {
 color: #CC0066 !important;
}
.highlight .doctype {
 color: #579fda !important;
}
.highlight .pi {
 color: orchid !important;
}
.highlight .entity {
 color: #FF4500 !important;
}
.highlight .attribute-name {
 color: white !important;
}
.highlight .attribute-value {
 color: #5050ff !important;
}
.highlight .markupdeclaration {
 color: steelblue !important;
}
.highlight .error,
.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) {
  color: red !important;
} 
}

solombala пишет

Жаль не все штуки цвет изменили

Ну если хочешь прям все ищи во всех стилях GrayText и заменяй

скрытый текст
SNIMOK-EKRANA-V-2020-06-23-12-54-57.png

а то в userChrome.css не получится заменить например такое
:host([disabled="true"]) {
  color: GrayText;
}

Отсутствует

 

№856723-06-2020 17:02:55

manuk
Участник
 
Группа: Members
Зарегистрирован: 17-10-2010
Сообщений: 275
UA: Firefox 52.0

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

Vitaliy V., лыжи не поехали...

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

Выделить код

Код:

/* дропмаркеры скрываются, но при наведение на кнопку они появляются */
toolbarbutton:not([class*="tabs-alltabs-button"]) dropmarker {display: none !important;}
toolbarbutton:not([type="menu"]):hover dropmarker
{
  display: -moz-box !important;
}


#nav-bar .toolbarbutton-menubutton-dropmarker, #nav-bar .toolbarbutton-menu-dropmarker  {
 display: none !important;
} 


.autocomplete-history-dropmarker.urlbar-history-dropmarker{
display:none !important;}

#identity-box {display: none !important;}

 #menubar
{
    min-height: 10px!important; 
    max-height: 10px!important; 
   margin: 0px 0px 0px -2px !important;
}

#TabsToolbar {
    min-height: 20px!important; 
    max-height: 20px!important; 
   
}

.statuspanel-label {display: none !important;}

urlbar-container, #urlbar

{
    min-height: 20px!important; 
    max-height: 20px!important; 
   
}

#tinymenu
{

   margin: 0px -2px 0px 0px !important;
}

/* подсказка при поиске */
#urlbar > popupset[anonid="popupset"] {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (PopupAutoComplete._openAutocompletePopup) { PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; this.mInput = aInput; this.selectedIndex = this._isFirstResultHeuristic ? 0 : -1; this.view = aInput.controller.QueryInterface(Components.interfaces.nsITreeView); this.invalidate(); this.setAttribute('flip', 'slide'); var rect = aElement.getBoundingClientRect(); var width = rect.right - rect.left; this.setAttribute('width', width); var popupDirection = aElement.ownerDocument.defaultView.getComputedStyle(aElement).direction; this.style.direction = popupDirection; this.openPopup(aElement, 'after_start', 0, 0, false, false); } } ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important;
}

#PopupAutoCompleteRichResult {
    -moz-margin-start: 0px !important;
}

#PopupAutoCompleteRichResult .ac-type-icon {
    -moz-margin-start: 2px !important;
}
/* Цвет при загрузке страницы */ 
@-moz-document url-prefix("chrome://browser/content/browser.x") {

#tabbrowser-tabpanels, tabbrowser#content,
:-moz-any(#tabbrowser-tabpanels, tabbrowser#content) .browserStack > browser {
    -moz-appearance: none !important;
    background:  #999999 !important;
}
 /* Цвет при исходном коде */ 
@-moz-document url-prefix("view-source:") {
*|*:root {
  background-color: black !important;
  color: white !important;
}
pre[id]:before,
span[id]:before {
  color: #cccccc !important;
}
.highlight .start-tag,
.highlight .end-tag {
 color: #c000c0 !important;
}
.highlight .comment {
 color: #00bb00 !important;
}
.highlight .cdata {
 color: #CC0066 !important;
}
.highlight .doctype {
 color: #579fda !important;
}
.highlight .pi {
 color: orchid !important;
}
.highlight .entity {
 color: #FF4500 !important;
}
.highlight .attribute-name {
 color: white !important;
}
.highlight .attribute-value {
 color: #5050ff !important;
}
.highlight .markupdeclaration {
 color: steelblue !important;
}
.highlight .error,
.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) {
  color: red !important;
} 


}


ЧЯДН?

Отредактировано manuk (23-06-2020 17:04:36)

Отсутствует

 

№856823-06-2020 17:25:06

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

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

manuk
Не работает потому что этот код нужно добавить не в userChrome.css, а в userContent.css.

Отредактировано kokoss (23-06-2020 17:26:28)


Win7

Отсутствует

 

№856923-06-2020 17:31:05

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

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

manuk
Они и не поедут @-moz-document  вложен в @-moz-document
Удалите @-moz-document url-prefix("chrome://browser/content/browser.x") {
или переместите в начало и добавьте закрывающую скобку перед другим @-moz-document

kokoss пишет

Не работает потому что этот код нужно добавить не в userChrome.css, а в userContent.css.

Если во вкладке то да, но у него в окне, так что можно добавить во все эти файлы

Отсутствует

 

№857023-06-2020 18:01:12

manuk
Участник
 
Группа: Members
Зарегистрирован: 17-10-2010
Сообщений: 275
UA: Firefox 52.0

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

kokoss, Vitaliy V., спасибо. Поехали...

Отсутствует

 

№857124-06-2020 10:01:00

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

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

Vitaliy V.
Все graytext поменял , кроме "разрешения", может здесь не graytext прет? Видно, что серое...
4ne3wu6s.jpg

Отсутствует

 

№857224-06-2020 10:35:46

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

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

solombala
в radio.css менял?
radio[disabled="true"] {
  color: GrayText;
}

Отсутствует

 

№857324-06-2020 10:51:57

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

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

Vitaliy V.
Теперь нашел...Благодарочка, чертов winrar в новой винде. Не мог найти ...
А кнопки окна один черт бледнеют...Из винды прет inactive  и хрен чего сделаешь...
значок violentmankey - маленький id - {aecec67f-0d10-4fa7-b7c7-609a2db280cf} Больше можно сделать?

Отредактировано solombala (25-06-2020 10:18:01)

Отсутствует

 

№857425-06-2020 11:31:36

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

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

solombala пишет

значок violentmankey - маленький id - {aecec67f-0d10-4fa7-b7c7-609a2db280cf} Больше можно сделать?

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

Выделить код

Код:

toolbar #_aecec67f-0d10-4fa7-b7c7-609a2db280cf_-browser-action > .toolbarbutton-badge-stack {
    transform: scale(1.2, 1.2) !important;
}

Отредактировано kokoss (25-06-2020 11:44:37)


Win7

Отсутствует

 

№857525-06-2020 12:36:13

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

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

kokoss
Класс! А на это можно? uBlock0@raymondhill.net...Может на все значки? Черт те как в этой винде ведут.

Отредактировано solombala (25-06-2020 12:38:52)

Отсутствует

 

Board footer

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